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.

主な機能

Automated performance reporting with actionable optimization recommendations
Deep-dive network request timing and resource size analysis
JavaScript profiling to identify long tasks and render-blocking scripts
60 GitHub stars
Real-time Core Web Vitals tracking (LCP, FID, CLS, TTFB, FCP)
Visual layout shift detection and above-the-fold content analysis

ユースケース

Auditing Core Web Vitals to improve SEO rankings and user experience scores
Diagnosing slow page load times and identifying high-latency API calls
Debugging Cumulative Layout Shift (CLS) and visual regressions during development

概要

主な機能

Automated performance reporting with actionable optimization recommendations
Deep-dive network request timing and resource size analysis
JavaScript profiling to identify long tasks and render-blocking scripts
60 GitHub stars
Real-time Core Web Vitals tracking (LCP, FID, CLS, TTFB, FCP)
Visual layout shift detection and above-the-fold content analysis

ユースケース

Auditing Core Web Vitals to improve SEO rankings and user experience scores
Diagnosing slow page load times and identifying high-latency API calls
Debugging Cumulative Layout Shift (CLS) and visual regressions during development