Site Index

Sitemap

A human-readable index of every page on WebVitals.tools. There are 108 pages in total, organized into sixteen sections. Looking for the XML version that search engines crawl? It lives at /sitemap.xml. The plain-text inventory used by AI crawlers is at /llms.txt.

If you are new to the site, the LCP guide is the best place to start. If you arrived from search and are not sure which page you want, scan the section descriptions below to orient yourself, then jump to whatever metric or framework matches your problem. Every internal link below is a shortcut into the matching page; nothing here lives behind a paywall, a sign-up wall, or a tracking script.

How this sitemap is organized

A typical site has a single flat sitemap listing every URL alphabetically. That is fine for crawlers but useless for humans. The structure here mirrors how readers actually browse the site: pillar guides at the top, followed by the four flavors of fix pages, then the time-sensitive blog and tutorial content, then evergreen reference material like the glossary and resources. Within each section, pages are sorted by title so you can scan a column of names rather than parse a folder structure.

Each entry shows the page title, its URL path, and (where space allows) the meta description so you can decide whether to click before you do. The page is statically rendered: no JavaScript runs to display the list, which means it remains usable with assistive technology, in low-bandwidth environments, and as plain text inside an LLM context window.

If you are an automated crawler, the canonical machine-readable list is /sitemap.xml; the AI-friendly plain-text version is /llms.txt. Both files are kept in lockstep with this page on every deploy.

Homepage 1 page

The starting point: Core Web Vitals overview and links into every section.

Metric Guides 4 pages

Long-form pillar content -- one guide per Core Web Vital metric. Read these first if you are new to performance.

Best-Practices Guides 4 pages

Topic-focused, framework-agnostic deep dives on the four highest-leverage performance domains: images, JavaScript, CSS, and fonts.

Fixes Index 1 page

Master index of every framework, hosting, CSS, and issue-specific fix on the site.

  • All Performance Fixes - /fixes/ Framework and platform fixes for Core Web Vitals on Next.js, React, Vue, Angular, Astro, Remix, WordPress, Shopify, and more.

Framework Fix Pages 39 pages

Targeted Core Web Vitals fixes for a specific framework or platform: Next.js, React, Vue, Angular, Astro, Remix, WordPress, Shopify, Webflow, Squarespace, Svelte, Nuxt.

Hosting and Infrastructure Fix Pages 7 pages

Time-to-First-Byte and CDN tuning across major hosts: Vercel, Netlify, Cloudflare Pages, AWS Amplify, plus dedicated CDN and edge-function guides.

CSS and Rendering Fix Pages 6 pages

Render-blocking CSS, critical CSS extraction, animation performance, web fonts, responsive images, and resource-hint patterns.

Issue-Specific Fix Pages 6 pages

Cross-cutting fixes that apply regardless of framework: font-loading CLS, image optimization, JavaScript bundle size, lazy loading, server response time, third-party scripts.

Blog 21 pages

Original research, case studies, framework comparisons, and AI-search analysis. Updated weekly.

Interactive Tools 3 pages

Free, in-browser calculators and explainers. No accounts, no tracking, no server round-trips.

  • Free Web Performance Tools - /tools/ Free interactive tools for web performance optimization. Performance Budget Calculator and Core Web Vitals Score Explainer. No ...
  • Core Web Vitals Score Explainer - /tools/cwv-checker/ Enter your Core Web Vitals scores and get a detailed explanation of what they mean, how they compare to benchmarks, and specifi...
  • Performance Budget Calculator - /tools/performance-budget/ Calculate your web performance budget. Input target LCP, CLS, INP, and TTFB values and get recommended budgets for JavaScript, ...

Tutorials 5 pages

Walkthroughs for the four tools every team needs: Lighthouse, Chrome DevTools, WebPageTest, and real user monitoring.

Resources 2 pages

Printable checklists and curated tool directories.

Glossary 1 page

Plain-English definitions for 46 web performance terms, with rich-result-eligible DefinedTerm schema.

FAQ 1 page

Answers to the most common questions teams ask before they start optimizing Core Web Vitals.

About + Credibility 4 pages

Mission, methodology, changelog, and contribution guide -- transparency about who builds this site, how we test, and how to get involved.

Benchmarks Dashboard 1 page

Monthly Core Web Vitals pass rates by framework, CMS, hosting platform, and device, refreshed from CrUX BigQuery.

Newsletter 1 page

Monthly digest of new guides, fixes, benchmarks, and curated reading. Plain-text email, no tracking.

Site Index 1 page

This page itself -- the human-readable sitemap.

  • Sitemap - /sitemap/ Human-readable sitemap of WebVitals.tools. All 107 pages grouped by section: guides, fixes, blog, tools, tutorials, resources, ...

Looking for something specific?

If you cannot find a topic in the sections above, the most useful single page is probably the LCP guide, which links out to most of the rest of the site. Otherwise:

  • Need a fix for a specific stack? Start with the fixes index.
  • Want to measure first? Read the tutorials.
  • Need a number to put on a budget? Use the tools.
  • Just need a definition? Hit the glossary.