Skip to content
cccskills
FreePublished on GitHub

cc-pagespeed

Run the PageSpeed performance audit — 80/20 analysis of Core Web Vitals using the PageSpeed Insights API.

The English summary is being prepared. Showing the original description.

See how to install

Files included (1)

  • SKILL.md2.6 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

PageSpeed Performance Audit

Audit URL: $ARGUMENTS


Step 1 — Pre-flight (pagespeed-perf skill)

Invoke pagespeed-perf skill.

Read PAGESPEED_API_KEY from the environment. Compute the output filename: {YYYY-MM-DD}_pagespeed-{hostname}-claude.md.

Log whether the API key was found. Proceed regardless — lab data is available without a key, but CrUX field data requires it.


Step 2 — Collect

Call the PageSpeed Insights API for the URL provided above.

  • Strategy: both (mobile + desktop) unless the user specified otherwise.
  • Call PSI directly via WebFetch and fetch the HTML source for manual resource-hint analysis.

Step 3 — Analyze

Extract from the PSI response:

  • Core Web Vitals: LCP, INP, CLS, FCP, TBT, TTFB
  • LCP element (type, selector, HTML snippet)
  • Third-party scripts ordered by blocking time
  • Render-blocking resources
  • Unused JavaScript and CSS (savings in bytes and ms)

From the HTML source:

  • Resource hints (<link rel="preload|preconnect|prefetch">)
  • Images: lazy loading, fetchpriority, format, dimensions
  • Fonts: font-display, preloaded subsets
  • Blocking scripts in <head> (no async/defer)

Step 4 — Prioritize

Score each identified optimization using the 80/20 matrix: Score = Impact × Ease (each 1–5, max 25).

Order findings by descending score. Mark optimizations with Score ≥ 20 as Critical 20%.


Step 5 — Report

Write the full performance report to {YYYY-MM-DD}_pagespeed-{hostname}-claude.md in the current directory.

Required sections:

  1. Resumen Ejecutivo (2–3 paragraphs)
  2. Métricas Actuales (lab vs field table)
  3. Recursos con Mayor Impacto
  4. Plan de Acción Priorizado (80/20 table)
  5. Solución Técnica Detallada (per finding: problem, evidence, code, expected gain)
  6. Quick Wins / High Impact Changes / Roadmap

End every report with:

---
*Informe generado el {YYYY-MM-DD} · Herramienta: Claude Code + pagespeed-perf skill*
*API Key usada: {Sí / No} · Datos CrUX: {Disponibles / No disponibles}*

Requirements

PAGESPEED_API_KEY — Optional but strongly recommended.

  • With key: real CrUX field data + 25,000 requests/day quota.
  • Without key: lab data only (Lighthouse); shared rate limit applies.

Set in your shell:

$env:PAGESPEED_API_KEY = "your-api-key"   # Windows PowerShell
export PAGESPEED_API_KEY="your-api-key"    # macOS / Linux

Get a free key: https://developers.google.com/speed/docs/insights/v5/get-started

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Use when adding monitoring, metrics, logging, or tracing to Spring AI or LLM integration code. Covers token tracking, latency measurement, cost estimation, and prompt/response logging. Use when user mentions AI monitoring, token costs, or LLM observability.

The English summary is being prepared. Showing the original description.

lgzarturo/springboot-course3Updated Oct 20, 2026

Provides expert knowledge for building modern native Android apps using Kotlin, Jetpack Compose, Material Design 3, MVI architecture, Hilt dependency injection, and Media3/ExoPlayer.

The English summary is being prepared. Showing the original description.

lgzarturo/springboot-course3Updated Oct 20, 2026

Design, implement, review, and audit Android Jetpack Compose UI/UX for phone interfaces. Use when a request concerns concrete Compose layout, components, interaction, accessibility, or visual behavior. Do not activate for framework or dependency presence alone; non-UI Android work is excluded.

The English summary is being prepared. Showing the original description.

lgzarturo/springboot-course3Updated Oct 20, 2026

Provides expert knowledge for designing, implementing, and managing REST API versioning strategies with deprecation workflows.

The English summary is being prepared. Showing the original description.

lgzarturo/springboot-course3Updated Oct 20, 2026

astro

Free

Provides expert knowledge for building Astro 5+ sites with Islands Architecture, Content Collections, TypeScript, and performance-first rendering strategies.

The English summary is being prepared. Showing the original description.

lgzarturo/springboot-course3Updated Oct 20, 2026

Audits token storage mechanisms to prevent XSS-based JWT theft.

The English summary is being prepared. Showing the original description.

lgzarturo/springboot-course3Updated Oct 20, 2026

See all skills by lgzarturo

Report a problem with this skill