skills.rest
bgarcias
bgarciasCOMMUNITY
Explore all skills by this author →
GitHub

pagespeed-audit

Audit websites for performance, accessibility, and best-practice gaps.

Updated Apr 5, 2026
Search Tags:#accessibility#audit#best-practices#seo#web-performance#core-web-vitals#pagespeed
One-click install
npx skills add https://github.com/bgarcias/pagespeed-audit --skill pagespeed-audit-bgarcias
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pagespeed-audit
Source: https://github.com/bgarcias/pagespeed-audit/tree/main/pagespeed-audit
Command: npx skills add https://github.com/bgarcias/pagespeed-audit --skill pagespeed-audit-bgarcias

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits an existing web project to identify performance, accessibility, and best-practice gaps that degrade PageSpeed scores, helping developers ship faster, more accessible sites.

Core Features & Use Cases

  • Performance optimization: identifies bottlenecks in HTML, CSS, and JS and suggests or applies changes to improve LCP, TBT, CLS, and other Core Web Vitals.
  • Accessibility and WCAG improvements: ensures semantic HTML, ARIA attributes, focus styles, proper heading order, and accessible images and controls.
  • Implementation guidance: includes concrete patterns such as converting hero backgrounds to real images with fetchpriority, lazy-loading non-critical assets, deferring scripts, and replacing heavy embeds with lazy facades for YouTube.
  • Use Case: Ideal for WordPress themes, static landing pages, or any web project needing a first-pass optimization before PageSpeed runs.

Quick Start

Provide a first-page audit and implement performance and accessibility optimizations for an existing site.

Frequently Asked Questions about pagespeed-audit

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

FAQPage Schema
How do I improve my website's Core Web Vitals and PageSpeed score?▼

To improve Core Web Vitals and PageSpeed scores, audit your site for performance bottlenecks in HTML, CSS, and JavaScript, then apply targeted optimizations like script deferral and image lazy-loading to reduce LCP, TBT, and CLS.

What is the best way to optimize a WordPress theme for PageSpeed and accessibility?▼

The best way to optimize a WordPress theme for PageSpeed and accessibility is to audit and modify its HTML, CSS, and JS, implementing semantic HTML, ARIA improvements, and lazy-loading assets to meet WCAG guidelines and boost rankings.

How do I fix accessibility gaps and meet WCAG compliance in my web project?▼

To fix accessibility gaps and meet WCAG compliance, audit your web project for semantic HTML issues, proper heading order, ARIA attributes, focus styles, and accessible images, then apply targeted HTML modifications.

Does deferring scripts and lazy-loading images help reduce Total Blocking Time?▼

Deferring scripts and lazy-loading non-critical assets directly reduces Total Blocking Time and improves LCP by removing render-blocking resources, allowing the browser to prioritize critical loading tasks.

Can I convert heavy YouTube embeds to lazy facades to improve PageSpeed?▼

Yes, you can convert heavy YouTube embeds to lazy facades to improve PageSpeed by replacing the immediate iframe load with a lightweight placeholder that loads the video only upon user interaction.

Why does my static landing page have a low PageSpeed score despite using optimized images?▼

A static landing page can still have a low PageSpeed score due to render-blocking CSS, un-deferred JavaScript, poor LCP handling like missing fetchpriority on hero images, or layout shift issues affecting Core Web Vitals.

Related Skills

Explore More Software Engineering Skills→
Overdrive-ConsultingOverdrive-Consulting
3

web-design-guidelines

Check HTML, CSS, and JavaScript/TypeScript files against Web Interface Guidelines.

Official
Intermediate
the-nam-shubthe-nam-shub
8

website-performance-optimization

Audit website performance with Lighthouse and PageSpeed Insights.

Community
Intermediate
PatternsDevPatternsDev
235

compression

Apply Gzip and Brotli compression to JavaScript assets in build pipelines.

Official
Advanced
smarmen86smarmen86

canary

Monitor live web applications for console errors and visual regressions post-deployment.

Community
Advanced