Tutorials and guides on web performance, Core Web Vitals, and using AI agents to fix site speed issues.
First Contentful Paint above 1.8s hurts your Lighthouse score and perceived speed. Learn every major FCP cause and fix — server response, render-blocking resources, fonts — for WordPress, Shopify, and Next.js.
CLS above 0.1 hurts Core Web Vitals and SEO. Learn every common cause of layout shift — images, fonts, ads, widgets — with fixes for Next.js, WordPress, and Shopify.
Connect Cursor to live Lighthouse audits via MCP, import stripped AIReport JSON, and get in-editor code fixes for LCP, CLS, and INP — step-by-step for 2026.
Compare raw PSI JSON (500KB–2MB) with PageSpeed Exporter's stripped AIReport (under 50KB). Side-by-side breakdown of size, content, and AI workflow fit.
AIReport is PageSpeed Exporter's compact JSON format — under 50KB of prioritized Lighthouse findings with screenshots and passing audits removed. Full schema walkthrough.
Raw PageSpeed Insights JSON is 500KB–2MB — mostly screenshots and passing audits. Learn why AI agents choke on it and how a stripped AIReport fixes the problem.
Learn how to find your LCP element, read Lighthouse audits, compare lab vs CrUX data, and build a prioritized fix list when Largest Contentful Paint is over 2.5 seconds.
Pass Google's Core Web Vitals on WordPress — fix slow LCP, high CLS, and poor INP with caching, plugin audits, image optimization, and a step-by-step checklist for 2026.
A practical guide to improving Shopify store speed — fix slow LCP, reduce app script bloat, optimize product images, and pass Core Web Vitals without breaking your theme.
Render-blocking CSS and JavaScript delay First Contentful Paint and LCP on almost every site. Learn how to identify, defer, and eliminate them — with code for Next.js, WordPress, and plain HTML.
Five high-impact, low-effort changes that improve Lighthouse performance scores on almost any website — with code examples for Next.js, WordPress, and plain HTML.
A complete workflow for using ChatGPT to diagnose and fix Core Web Vitals failures — from exporting your Lighthouse data to writing and reviewing the actual code changes.
Three methods to export Google PageSpeed Insights results as JSON — the PSI API, the CLI, and PageSpeed Exporter — with full instructions for each and a guide to the output format.
A detailed, side-by-side technical comparison of Google PageSpeed Insights, GTmetrix, and WebPageTest — covering data quality, AI workflow compatibility, pricing, and which tool is right for each use case.
A step-by-step tutorial showing how to export your Lighthouse JSON report and use ChatGPT, Claude, or Cursor to get exact code-level fixes for a poor Largest Contentful Paint score.
Everything you need to know about the Lighthouse JSON format — what every field means, how the data is structured, and how to extract the information AI agents need to fix your site's performance.
