Learn how to improve your PageSpeed and the Core Web Vitals

How Scroll-Triggered Animations Cause CLS

Your hide-on-scroll header might be silently failing CLS. Here is why, and how to fix it.

Proportional Reasoning for Web Performance

The bottleneck is the phase consuming the largest share of total time. Not the phase exceeding an absolute threshold.

Fix INP With an AI Agent: The Metric Lab Tools Cannot Measure

Fix LCP With an AI Agent: Field Data to Code Fix

The complete LCP diagnosis workflow using CWV Superpowers: from identifying the bottleneck phase in field data to the specific code change.

CWV Superpowers: Automated Core Web Vitals Diagnosis

A free Claude Code skill that connects to your CoreDash field data and Chrome to diagnose LCP, INP, and CLS issues and generate code fixes.

AI Agent Core Web Vitals: Why Field Data Changes Everything

Three types of MCP servers connect AI agents to Core Web Vitals data. Only one gives them the data Google actually uses for rankings.

JPEG XL and Core Web Vitals: what you need to know now that Chrome ships it

How JPEG XL compares to AVIF, WebP and JPEG, what it means for your Core Web Vitals, and how to start serving it today

Prerender Until Script: The Middle Ground Between Prefetch and Prerender

Load subresources and build the DOM without firing scripts or polluting analytics

Defer Offscreen Images on Mobile: Native Lazy Loading Guide

Native lazy loading, content-visibility, and why JavaScript image deferral is dead weight

Core Web Vitals Guide to Resource Prioritization

Control which resources load first and which ones wait

Scheduling dataLayer Events to optimize the INP

How deferring GTM events until after browser paint improves your INP scores

Optimize the Core Web Vitals for low end devices

Why fast sites on budget hardware require sharper trade-offs than most teams admit

The Best Cloudflare Configuration for Passing the Core Web Vitals

Configure Cloudflare for maximum pagespeed and understand the settings you have to play with

Strip Tracking Parameters with Cloudflare Workers and Transform Rules

Tracking parameters like fbclid and gclid create unique URLs that bypass your CDN cache. Three ways to fix it.

Faster Elementor hero images in 2 minutes!

Learn how to switch from slow background images to fast normal images for Elementor hero images in 2 minutes

The Impact of CSS View Transitions on Web Performance

Understand why and when view transitions might impact web performance

5 JavaScript Priority Levels and How to Use Them

Not all scripts are equal. Load them in the right order.

Responsive Web Font Loading: A Device-Aware Strategy

A responsive font loading strategy for faster LCP and zero layout shifts

Chrome DevTools Network Panel Settings for Core Web Vitals

The Network panel settings I use on every Core Web Vitals audit

Why the Core Web Vitals 28 day delay is a myth

The CrUX data is two days old, not 28. Here is what the 28-day rolling window actually means.

Improve the Interaction to Next Paint by ditching JavaScript scrolling

Create a beautiful smooth scrolling experience that does not affect the Core Web Vitals

The FREE last-ditch effort pagespeed optimization script

Speed up your unfixable page with this last ditch effort method to improve even the slowest pages

Speed up Calendly integration

Embed Calendly without slowing down the Core Web Vitals

Free Website cache warmer

Pre-warm your website's cache to speed up the Core Web Vitals for free

Instant Loading Pages with Speculation Rules

Learn how to improve the Core Web Vitals by making pages load instantly with the Speculation Rules API

How to Yield to the Main Thread to Improve INP

Use scheduler.yield() to break up long tasks and keep your pages responsive

Core Web Vitals for Ecommerce: Why High-Intent Visitors Get the Worst Performance

Caching plugins disable caching for cart users. Here is how to fix the TTFB cliff.

The Ultimate Core Web Vitals Checklist (2026)

Every optimization you should check when improving LCP, INP, and CLS performance

Layout Shift caused by CSS transitions

Learn how to find and remove CSS transitions that create layout shifts

Page Speed on a Budget: The Optimizations That Matter Most

Learn how to improve the Core Web Vitals with budget friendly strategies

When preloading stylesheets does (not) make sense

Why preloading your CSS usually does not help, and the one case where it does

Defer jQuery in WordPress

Learn how to defer jQuery in WordPress for extra pagespeed

The Case for Limiting Analytics and Tracking Scripts

How analytics and tracking scripts affect your Core Web Vitals and what to do about it

Free Wordpress RUM tracking

Core Web Vitals Real User Metrics for WordPress

Background images are evil

Why background images hurt your Core Web Vitals and how to replace them

Browser Reflow: What Triggers It and How It Affects Core Web Vitals

Reflow recalculates element positions and blocks the main thread. Learn what triggers it, how to detect it, and how to prevent it.

Self host Google fonts for better Core Web Vitals

Learn how to self host Google fonts and optimize these fonts for better Core Web Vitals

JavaScript in Head vs Footer: How It Affects the Core Web Vitals

Why defer in the head is the modern best practice, and when footer placement still makes sense

Defer vs Async JavaScript and how this affects the Core Web Vitals

Learn when to async JavaScript and when to defer it for the best Core Web Vitals results

Defer Scripts Until They Are Needed

Load JavaScript on demand using IntersectionObserver and user interaction triggers

Fix 'Reduce Unused JavaScript' in Lighthouse

Find and remove unused JavaScript to improve your Core Web Vitals

There Is No Core Web Vitals Score (and Why That Matters)

Why a Lighthouse score is not a Core Web Vitals score, and what actually determines whether you pass or fail

Chat Widget with Perfect Core Web Vitals

Load chat widgets without losing PageSpeed

Should You Preconnect to Ad Networks? It Depends on Your LCP

Preconnecting to ad networks can hurt or help. It all depends on whether your LCP image is already optimized.

Optimize images for Core Web Vitals

"Learn how images affect the Core Web Vitals and how to optimize them

Fix Layout Shift caused by auto sizing image

Images with auto width and auto height will cause a layout shift. Learn how to fix this

Core Web Vitals Visualizer: Free Chrome Extension for Debugging CWV

A free Chrome extension that creates a real-time overlay of your Core Web Vitals, built for developers who debug performance without opening DevTools.

Slow by Mistake vs Slow by Design: A Web Performance Framework

How categorizing performance problems helps you fix the right things first

Defer Background Images for Faster Core Web Vitals

16 methods to defer or schedule JavaScript

Learn how to defer and schedule JavaScript

Fix the Largest Contentful Paint image was lazily loaded in Lighthouse

Learn how to fix the Lighthouse warning 'Largest Contentful Paint image was lazily loaded'

Interaction to Next Paint (INP): What It Is, How to Measure and Improve It

The complete guide to understanding, measuring, and optimizing Interaction to Next Paint, the Core Web Vital that measures page responsiveness

Fix Third Party Scripts in Next.js for Better Core Web Vitals

Fix Core Web Vitals issues caused by third party scripts in Next.js

Measure Core Web Vitals in Next.js: RUM Setup Guide

Set up Real User Monitoring for Core Web Vitals in Next.js (App Router and Pages Router)

Remove Render Blocking CSS in Next.js for Better Core Web Vitals

Remove render blocking CSS in Next.js for faster Core Web Vitals

Disable Cloudflare Email Obfuscation: It Hurts Your Core Web Vitals

Cloudflare email obfuscation injects a render-blocking script for trivially reversible encryption. Disable it or replace it.

Fix slow hero images & Core Web Vitals

Improve the Largest Contentful Paint by speeding up slow hero images

What is Cumulative Layout Shift (CLS) and how to fix it

The ultimate guide to finding, measuring, and fixing Cumulative Layout Shift for your site

103 Early Hints: Preload Critical Resources During Server Think Time

Use server think time to preload your LCP image and critical CSS before the page is ready

How I lowered my LCP by 70%

Learn advanced methods for improving the Core Web Vitals

Preload Largest Contentful Paint image

Learn how to improve the Core Web Vitals by preloading the LCP Image

Defer HubSpot Forms: Fix Render Blocking Without Editing Pages

A drop-in fix for render-blocking HubSpot form scripts

Fix eliminate render-blocking resources Lighthouse warning

Get rid of render-blocking resources and improve the Core Web Vitals

Fix 'Defer Offscreen Images': Lazy Loading Guide for Core Web Vitals

Defer offscreen images and improve the Core Web Vitals

Perfect YouTube Core Web Vitals

Learn how to embed YouTube videos without losing PageSpeed

First Contentful Paint (FCP): What It Is, How to Measure and Fix It

Learn what First Contentful Paint measures, why it is not a Core Web Vital, and 15 proven techniques to make your pages render faster

Advanced Critical CSS Generator

Generate Critical Path CSS and speed up your website with a single click

Shopify Critical CSS: Eliminate Render-Blocking CSS Step by Step

Shopify has no built-in critical CSS. Here is how to add it manually.

Fix Ensure text remains visible during webfont load

Webfonts must be downloaded before use, causing text to hide temporarily during loading.

Fix 'Avoid Chaining Critical Requests' in Lighthouse

Reduce the critical request chain to improve First Contentful Paint and Largest Contentful Paint

Fix 'Remove Unused CSS' in lighthouse

Learn how to fix the 'Remove Unused CSS' Lighthouse warning and speed up your page

Fix avoid excessive-DOM size lighthouse warning

Improve the Core Web Vitals by avoiding an excessive-DOM size

Google Maps 100% PageSpeed Guide

Embed Google Maps without losing page speed