A 1-second delay cuts conversions by 7%. A 5-second load time loses 53% of mobile visitors. Speed is revenue. Here are 8 free tools to test your site's performance, diagnose bottlenecks, and get specific fixes.
The 8 Best Tools
1. Google PageSpeed Insights
The most important speed tool because it shows what Google actually measures. Enter any URL and get: Core Web Vitals scores (LCP, INP, CLS), a performance score out of 100, and specific optimization opportunities ranked by impact. The "Field Data" section shows real-user performance from the Chrome User Experience Report — this is the data Google uses for ranking decisions.
2. GTmetrix
The most detailed performance analysis. GTmetrix shows a visual waterfall chart of every resource your page loads — HTML, CSS, JavaScript, images, fonts, API calls — with timing for each. This reveals exactly which resources are slow. The free plan allows tests from one location; paid unlocks global testing. The "Structure" tab grades individual optimizations (image compression, caching, minification).
3. WebPageTest
The most technically detailed tool. Test from 40+ global locations on real browsers (Chrome, Firefox, Safari) with configurable connection speeds (3G, 4G, fiber). Features: filmstrip view (visual render timeline), video capture, content breakdown by type, and repeat-visit testing (cache vs no-cache). Used by performance engineers for deep analysis.
4. Chrome DevTools Lighthouse
Press F12, click the "Lighthouse" tab, and run an audit. Same engine as PageSpeed Insights but runs locally on your machine. Tests performance, accessibility, SEO, and best practices in one report. The advantage: test locally before deploying, audit authenticated pages (behind login), and run repeatedly while optimizing without hitting API limits.
5. Pingdom Website Speed Test
The simplest speed test. Enter a URL, get a load time, performance grade, page size, and number of requests. Less detailed than GTmetrix but faster to understand. Great for a quick health check or explaining speed issues to non-technical clients. The bar chart showing content size by type (images, scripts, CSS) instantly reveals where the weight is.
6. Google Search Console (Core Web Vitals Report)
Unlike lab tests (simulated), Search Console shows real-world Core Web Vitals from actual Chrome users visiting your site. The report groups all your URLs into "Good," "Needs Improvement," or "Poor" for each metric. This is the authoritative source — if Search Console says your CWV are poor, Google is using that data for rankings. Check monthly.
7. Cloudflare Observatory
If you use Cloudflare (free plan works), Observatory provides real-time performance metrics, Core Web Vitals monitoring, and recommendations specific to your Cloudflare configuration. It combines Lighthouse testing with Cloudflare-specific optimizations (caching rules, image optimization, minification toggles) that you can enable with one click.
8. Yellow Lab Tools
Goes beyond load time to analyze code quality: JavaScript complexity, CSS redundancy, DOM size, and bad practices (document.write, synchronous scripts). Scores your page on categories like "Page Weight," "Requests," "DOM Complexity," and "Bad JavaScript." Useful for developers who want to understand not just what's slow but why the code is slow.
Free Image Compressor
Images are typically 50–80% of page weight. Compress them before uploading — no signup, no quality loss.
Compress Images — FreeThe Speed Optimization Checklist
- Compress images (biggest win): Convert to WebP, resize to display dimensions, compress with ToolKit.dev's Image Compressor. Typically cuts 40–60% of page weight.
- Enable a CDN: Cloudflare (free) serves content from the nearest server to each visitor. Reduces latency globally.
- Set caching headers: Cache static assets (images, CSS, JS) for 30+ days. Returning visitors load instantly.
- Defer non-critical JavaScript: Add
deferorasyncto script tags. Move analytics and chat widgets below the fold. - Minify CSS and JavaScript: Remove whitespace, comments, and unused code. Most build tools do this automatically.
- Lazy load images: Add
loading="lazy"to images below the fold. They load only when the user scrolls to them. - Reduce third-party scripts: Audit every external script. Each one adds DNS lookups, connections, and render time. Remove anything that doesn't directly earn revenue.
- Preload critical resources: Use
<link rel="preload">for fonts and above-the-fold images so the browser fetches them early.
Frequently Asked Questions
SEO (Core Web Vitals are a ranking factor), conversions (1-second delay = 7% fewer conversions), and bounce rate (53% of mobile users leave after 3 seconds). Speed directly affects revenue.
Three metrics Google uses: LCP (largest element load time, target <2.5s), INP (interaction responsiveness, target <200ms), and CLS (layout shift, target <0.1). Measured from real Chrome users.
Under 2 seconds is good. Under 1 second is excellent. Over 3 seconds is losing mobile visitors. Over 5 seconds is critical. Test on mobile 4G, not desktop fiber.
Biggest wins: compress images (40–60% weight reduction), enable Cloudflare CDN (free), set cache headers, defer non-critical JS, and remove unnecessary third-party scripts. Start with images.
Fast Site + Great Proposals = More Clients
Speed impresses visitors. Professional proposals close them.
- 10+ client proposal templates
- Scope of work documents
- Pricing frameworks for web projects
- Client onboarding checklists