Can it help improve my site's SEO?

Yes, by identifying issues with metrics like Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS), which are critical ranking factors for search engines.

What specific metrics does the performance audit provide?

The skill reports on LCP, FID, CLS, TTFB, and FCP, alongside a detailed breakdown of network requests, resource sizes, and blocking scripts.

How does this skill measure page performance?

It uses a live browser environment via Playwright to capture real-time metrics including Core Web Vitals, network timings, and JavaScript execution data.

Does it handle dynamic or single-page applications?

Yes, it can analyze layout shifts and visual stability caused by dynamic content, client-side rendering, or late-loading elements in SPAs.

Web Performance Audit

Name: Web Performance Audit
Author: serkan-ozal

byserkan-ozal

•

分析と監視

Analyzes web page performance and Core Web Vitals to identify speed bottlenecks and optimize user experience through automated browser testing.

This skill provides comprehensive performance monitoring and auditing by leveraging a live Playwright browser to capture real-time metrics such as LCP, FID, and CLS. It enables developers to diagnose slow network requests, identify render-blocking resources, and profile JavaScript execution directly within an AI-driven workflow. By combining technical metrics with visual analysis and layout shift detection, it offers a holistic view of site health, helping users improve both search engine rankings and overall responsiveness.

主な機能

01Automated performance reporting with actionable optimization recommendations

02Deep-dive network request timing and resource size analysis

03JavaScript profiling to identify long tasks and render-blocking scripts

0460 GitHub stars

05Real-time Core Web Vitals tracking (LCP, FID, CLS, TTFB, FCP)

06Visual layout shift detection and above-the-fold content analysis

ユースケース

01Auditing Core Web Vitals to improve SEO rankings and user experience scores

02Diagnosing slow page load times and identifying high-latency API calls

03Debugging Cumulative Layout Shift (CLS) and visual regressions during development

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add serkan-ozal/browser-devtools-mcp performance-audit

For use in Claude.ai and ChatGPT

Download Skill