How does it identify performance bottlenecks?

The skill analyzes HTTP request timings, identifies large unoptimized images, finds render-blocking resources, and profiles JavaScript execution for long tasks.

What metrics does the Performance Audit skill track?

It tracks all Core Web Vitals including Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS), as well as FCP and TTFB.

Can this skill help with SEO?

Yes, by improving Core Web Vitals and page speed, this skill directly addresses key ranking factors used by modern search engines.

Does it provide visual feedback on layout shifts?

Yes, it can capture the page at different load stages to visually identify where layout shifts occur and analyze above-the-fold content.

Performance Audit

Name: Performance Audit
Author: serkan-ozal

byserkan-ozal

•

分析与监控

Analyzes web page performance using Core Web Vitals and network timing metrics to optimize load times and user experience.

The Performance Audit skill empowers Claude to conduct deep technical evaluations of web pages by measuring Core Web Vitals such as LCP, INP, and CLS, alongside detailed network request analysis. It provides actionable insights into slow API calls, render-blocking resources, and unoptimized assets, making it an essential tool for developers looking to improve Lighthouse scores and overall site speed through automated profiling and visual layout shift detection.

主要功能

01Visual layout shift identification and multi-stage page capture

02Automated performance threshold benchmarking against industry standards

03Detailed network request timing and resource size analysis

04Core Web Vitals measurement including LCP, INP, and CLS

054 GitHub stars

06JavaScript execution profiling and long task detection

使用场景

01Debugging slow page interactions and identifying render-blocking scripts

02Conducting technical SEO audits to improve search engine rankings through speed

03Optimizing website load times to meet Core Web Vitals 'Good' thresholds

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill