pagespeed-insights

Audit web pages against PageSpeed Insights guidelines and Core Web Vitals thresholds.

Updated Aug 10, 2026
One-click install
npx skills add https://github.com/narr07/permadi --skill pagespeed-insights-narr07
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pagespeed-insights
Source: https://github.com/narr07/permadi/tree/main/.agents/skills/pagespeed-insights
Command: npx skills add https://github.com/narr07/permadi --skill pagespeed-insights-narr07

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Web pages often suffer from slow load times, layout shifts, and poor Lighthouse scores, and developers lack a structured checklist to diagnose and fix performance, accessibility, and SEO issues. ## Core Features & Use Cases - Performance Auditing: Evaluate pages against Lighthouse score thresholds and Core Web Vitals metrics (LCP, FCP, CLS, INP, TTFB) with clear Good/Needs Improvement/Poor ranges. - Bad Practice Detection with Fixes: Identify common issues like unoptimized images, render-blocking resources, missing resource hints, and inefficient font loading, each paired with concrete code-level solutions. - Use Case: After deploying a landing page that scores 62 on mobile PageSpeed, use this Skill to pinpoint that the hero image lacks explicit dimensions and modern formats, then apply the provided responsive image markup to raise LCP into the Good range. ## Quick Start Audit my homepage for PageSpeed Insights issues and tell me how to get the Performance score above 90.

Frequently Asked Questions about pagespeed-insights

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve my PageSpeed Insights score?▼

Improving a PageSpeed Insights score starts with fixing Core Web Vitals: optimize the LCP element, prevent layout shifts with explicit dimensions, and defer render-blocking CSS and JavaScript. Re-test after each change and target scores of 90 or higher.

What are good Core Web Vitals thresholds for LCP, CLS, and INP?▼

Good Core Web Vitals thresholds are LCP under 2.5 seconds, CLS under 0.1, and INP under 200 milliseconds, measured at the 75th percentile. FCP should be under 1.8 seconds and TTFB under 800 milliseconds.

What is the difference between lab data and field data in PageSpeed Insights?▼

Lab data is collected in a controlled Lighthouse environment and is useful for debugging, while field data comes from the Chrome User Experience Report and reflects real user experiences. Both should be balanced when optimizing performance.

How do I fix Cumulative Layout Shift caused by images?▼

Fix CLS from images by setting explicit width and height attributes or using the CSS aspect-ratio property so the browser reserves space before loading. Also reserve space for ads and embeds and avoid inserting content above existing content.

Why is my Lighthouse score high but real users still experience slow pages?▼

Lighthouse lab data uses simulated conditions that may not capture real-world bottlenecks like slow networks or low-end devices. Check field data from CrUX, which aggregates actual user metrics over 28 days, to diagnose real-user performance.