50 Best Web Performance Tools in 2026

The default starting point for performance testing

Combines real-user data from the Chrome User Experience Report (CrUX) with Lighthouse lab tests. Shows your actual Core Web Vitals pass/fail status based on field data from the past 28 days. The lab section provides actionable optimization suggestions. Free, no account required, and the definitive source for CWV status.

The most comprehensive lab testing tool

Built into Chrome DevTools and available as a CLI tool, Lighthouse runs a battery of 100+ audits covering performance, accessibility, best practices, and SEO. The performance score aggregates six metrics into a 0-100 score. Use the CLI for repeatable automated tests. Lighthouse 12 adds INP simulation and improved scoring accuracy.

The most powerful performance testing tool for engineers

Offers real browser testing from 40+ global locations with filmstrip view, waterfall charts, and detailed request-level timing. The free tier provides up to 300 tests per month. Advanced features include connection throttling, custom scripting, video comparison, and CPU throttling to simulate real mobile devices.

Real-time performance profiling in the browser

The Performance panel records and visualizes every browser activity during page load and interaction. Flame charts show exactly which JavaScript functions consume the most time, layout shift highlights reveal CLS sources, and LCP/INP markers pinpoint metric timing.

Real-time CWV monitoring as you browse

Displays live Core Web Vitals metrics (LCP, CLS, INP) in a small badge overlay while browsing any website. Click the badge for detailed breakdowns including attribution data that identifies which element caused each metric score.

Automated Lighthouse testing in CI/CD pipelines

Runs Lighthouse audits on every pull request and blocks merges when performance budgets are exceeded. Stores historical results for trend analysis. Supports GitHub Actions, GitLab CI, Jenkins, and CircleCI.

Automated performance testing with trend tracking

Runs scheduled Lighthouse tests from multiple locations and tracks scores over time. Provides budget alerts, deploy tracking, and team-wide performance dashboards. The pulse feature sends regular performance reports to stakeholders.

Lab and field data monitoring in one dashboard

Combines synthetic Lighthouse testing with CrUX field data in a single view. Tracks performance trends over time with deploy markers. The request waterfall analysis identifies the exact loading chain that determines your LCP.

Scan entire sites with Lighthouse automatically

Crawls your entire website and runs Lighthouse audits on every page, producing a unified dashboard of scores. Identifies the worst-performing pages, common issues, and site-wide trends. Essential for sites with 50+ pages.

Real-user performance data from millions of Chrome users

The official dataset Google uses for Core Web Vitals ranking signals. Provides 28-day rolling averages of LCP, CLS, INP, and TTFB from actual Chrome users. Available via PageSpeed Insights, BigQuery, and the CrUX API.

Lightweight library for measuring CWV in the browser

A tiny (1.5KB) JavaScript library from Google that measures all Core Web Vitals metrics in real users' browsers. Provides attribution builds that identify exactly which element caused each metric score. Send data to any analytics endpoint.

Built-in RUM for Vercel deployments

Automatically measures Core Web Vitals for sites deployed on Vercel. Provides per-route performance data, deployment comparison, and trend tracking without any code changes.

Performance monitoring with business impact correlation

Combines synthetic monitoring with RUM data and links performance metrics to business outcomes (conversions, bounce rate, revenue). Custom dashboards visualize how performance changes affect user behavior.

Application monitoring with CWV tracking

Extends Sentry's error tracking to include performance monitoring with Core Web Vitals collection. Traces show the full request lifecycle from backend to frontend. Identifies slow transactions and N+1 queries.

Enterprise RUM with infrastructure correlation

Collects Core Web Vitals alongside frontend errors, user sessions, and backend traces. Session replay shows exactly what users experienced during poor performance episodes.

Full-stack observability with frontend performance

Provides distributed tracing from browser to backend, Core Web Vitals collection, JavaScript error tracking, and AJAX monitoring. The session trace feature records detailed timelines of individual user sessions.

Privacy-first analytics with CWV

Provides Core Web Vitals measurement without cookies, fingerprinting, or PII collection. Works on any site. Lightweight script adds minimal overhead. Completely free with no traffic limits.

Browser-based image compression with visual comparison

A web app from Google Chrome Labs for compressing images with real-time before/after comparison. Supports AVIF, WebP, JPEG XL, MozJPEG, and more. Adjust quality with a slider and see the file size reduction instantly.

High-performance Node.js image processing

The fastest Node.js image processing library, using libvips for hardware-accelerated resizing and format conversion. Generates AVIF, WebP, and JPEG variants at build time. Handles batch processing with minimal memory usage.

Cloud-based image and video management platform

Stores, transforms, and delivers images via global CDN. Supports on-the-fly format conversion (auto-serves AVIF/WebP based on browser support), responsive resizing, and AI-powered quality optimization.

Real-time image processing and CDN

Processes images on-the-fly via URL parameters. Serves optimized formats, sizes, and quality levels from a global CDN. Supports responsive images, art direction, and automatic quality compression.

Lossless and near-lossless image compression for macOS

Reduces image file sizes by 30-80% through metadata removal and advanced compression algorithms. Works with JPEG, PNG, GIF, and SVG. The CLI version supports build script integration.

SVG optimization tool for minimal file sizes

Removes unnecessary metadata, comments, hidden elements, and redundant attributes from SVG files. Reduces SVG file sizes by 50-80% without visible quality loss. Available as CLI, Node.js library, and web app (SVGOMG).

Interactive treemap visualization of webpack bundles

Generates an interactive zoomable treemap showing the size of every module in your webpack bundle. Instantly reveals oversized dependencies, duplicate packages, and code that should be lazy-loaded.

Check npm package size before installing

Shows the minified, gzipped, and tree-shaken size of any npm package before you add it as a dependency. Displays download time estimates for different connection speeds and identifies smaller alternatives.

Analyze bundle composition via source maps

Analyzes JavaScript source maps to show exactly which source files contribute to your production bundle. Works with any bundler that generates source maps. Provides treemap visualization and detailed size breakdowns.

Real-time import size feedback in your editor

Displays the size of imported npm packages inline in VS Code as you type. Highlights large imports in red. Helps developers make size-conscious decisions at the moment they add dependencies.

Next-generation frontend build tool

Uses native ES modules for instant dev server startup and Rollup for optimized production builds. Automatic code splitting, tree shaking, and CSS extraction. HMR updates in under 50ms.

Extremely fast JavaScript bundler

Written in Go, esbuild is 10-100x faster than webpack for bundling and minification. Supports TypeScript, JSX, tree shaking, and code splitting natively. Used as the underlying bundler in Vite.

Advanced JavaScript minification

The standard JavaScript minifier used by webpack, Vite, and most build tools. Removes whitespace, shortens variable names, eliminates dead code, and applies advanced optimizations. Typically reduces bundle size by 30-50%.

Remove unused CSS from production builds

Analyzes your HTML, JavaScript, and template files to determine which CSS selectors are used, then removes everything else. Reduces CSS bundle size by 80-95% on projects using utility frameworks.

Offload third-party scripts to a web worker

Moves resource-heavy third-party scripts (analytics, ads, chat widgets) from the main thread to a web worker. Frees the main thread for user interactions, directly improving INP.

Utility-first CSS framework with automatic purging

Generates only the CSS classes actually used in your HTML, producing tiny production stylesheets (typically 5-15KB). The JIT compiler generates styles on-demand during development.

Global CDN with edge computing and security

Provides CDN caching, DDoS protection, and edge computing from 300+ global locations. The free tier includes CDN, SSL, and basic security. Paid tiers add image optimization and Workers for edge computing.

Frontend cloud platform with edge-first architecture

Deploys frontend applications with automatic edge caching, serverless functions, and edge functions in 30+ regions. Built-in image optimization, ISR, and streaming SSR support. Optimized for Next.js.

Jamstack platform with integrated CI/CD

Deploys static sites and serverless functions with automatic CDN distribution. Edge Functions run at the CDN layer for lowest latency. Strong integration with Gatsby, Astro, and static site generators.

Programmable edge cloud platform

Enterprise CDN with real-time configuration, instant cache purging, and edge computing via Compute@Edge. Sub-second global cache propagation. Used by GitHub, Stripe, and The New York Times.

AWS global CDN with Lambda@Edge

Delivers content from 450+ edge locations worldwide. Lambda@Edge runs custom code at CDN nodes for personalization and A/B testing. CloudFront Functions provide lightweight edge computing.

In-memory data store for server-side caching

Ultra-fast key-value store for caching database query results, rendered HTML, and API responses. Reduces server-side processing time from hundreds of milliseconds to under 1ms. Essential for SSR applications.

Production-ready service worker tooling

Libraries and build tools from Google for adding service worker caching to web applications. Provides pre-caching, runtime caching strategies, and offline support. Reduces repeat-visit load times to near-zero.

Automatic font metric override generation

Generates CSS font metric overrides (size-adjust, ascent-override, descent-override) that match your custom fonts to system fallbacks. Eliminates CLS from font loading. Works as a Vite/webpack plugin or CLI.

Self-host open-source fonts via npm

Provides all Google Fonts and other open-source fonts as npm packages. Self-hosting eliminates the round-trip to Google's CDN. Supports variable fonts and automatic unicode-range subsetting.

Subset fonts to only the characters you need

Analyzes your HTML/CSS to determine which Unicode characters are actually used, then subsets font files to include only those glyphs. Can reduce font file sizes by 60-90%.

Extract and inline critical CSS

Identifies the CSS required to render above-the-fold content and inlines it directly in the HTML. Defers loading of non-critical CSS. Reduces render-blocking CSS impact on LCP.

Advanced CSS minification

Goes beyond simple whitespace removal to apply structural optimizations: merging duplicate declarations, reducing color values, optimizing gradients. Achieves 10-30% additional savings.

The web's record keeper for performance data

Crawls millions of URLs monthly and publishes comprehensive datasets on page weight, loading performance, and technology usage. Query the data via BigQuery or explore pre-built reports. The primary source for web-wide statistics.

Custom CWV dashboard for your site

A free Looker Studio template that visualizes Chrome User Experience Report data for any origin. Shows CWV trends over time, distribution histograms, and pass/fail rates. Automatically updates monthly.

CrUX data explorer with advanced filtering

Provides intuitive access to Chrome User Experience Report data with comparison views, historical trends, and page-level analysis. Offers API access for integrating CrUX data into custom dashboards.

Automatic image optimization for Next.js

Handles responsive sizing, format conversion (AVIF/WebP), lazy loading, and priority loading automatically. The priority prop preloads the LCP image. Generates srcset with optimal breakpoints.

Performance monitoring library with developer-friendly API

A tiny (~1KB) library that measures CWV metrics plus additional signals like FCP, TBT, and custom timing marks. Provides annotation data and device information for granular performance tracking.