Testing and optimizing website speed: all tools explained
Measuring the loading speed of your site is the first step towards a faster website and better search results. Google uses loading speed as a ranking factor, and research shows that 53% of mobile visitors leave a website that takes longer than 3 seconds to load. In this guide we cover all the tools you can use to measure the loading speed of your site and we give practical tips to improve the results. Also check out our fast web hosting offering.
Why is measuring your website speed so important?
Regularly measuring the loading speed of your site is crucial for the success of your website. Speed influences direct user experience, but also your findability in Google and your conversion rate.
The impact of loading speed on your website
| Loading time | Bounce rate increase | Conversion impact | Google assessment |
|---|---|---|---|
| 0-2 seconds | Baseline | Optimal | Good |
| 2-3 seconds | +32% | -7% per second | Acceptable |
| 3-5 seconds | +90% | -20% or more | Mediocre |
| 5-10 seconds | +123% | -40% or more | Poor |
| 10+ seconds | +200%+ | Dramatic loss | Very poor |
What are the best tools to test your website speed?
There are various tools available to test your website speed. Each tool offers different insights and metrics. Preferably use multiple tools for a complete picture.
Google PageSpeed Insights
Google PageSpeed Insights is the most authoritative tool for testing website speed, because it uses the metrics that Google itself applies for ranking. The tool analyzes your website on both mobile and desktop and gives a score of 0-100 together with concrete points for improvement.
Most important metrics in PageSpeed Insights
- Largest Contentful Paint (LCP) - when the largest visible element is loaded (goal: under 2.5 sec)
- First Input Delay (FID) / Interaction to Next Paint (INP) - how quickly the site responds to interaction (goal: under 200ms)
- Cumulative Layout Shift (CLS) - how much the layout shifts during loading (goal: under 0.1)
- First Contentful Paint (FCP) - when the first content becomes visible (goal: under 1.8 sec)
- Time to First Byte (TTFB) - how quickly the server responds (goal: under 800ms)
- Total Blocking Time (TBT) - how long the main thread is blocked (goal: under 200ms)
GTmetrix
GTmetrix is a popular free tool that offers detailed waterfall diagrams. You see exactly which resources are loaded, in what order and how long each element takes. GTmetrix combines Lighthouse metrics with its own performance indicators.
WebPageTest
WebPageTest offers the most detailed analysis of all website speed testing tools. You can test from various locations worldwide, with different browsers and connection speeds. The filmstrip view shows frame by frame how your page loads.
Lighthouse (Chrome DevTools)
Lighthouse is built into Google Chrome and offers an extensive audit of performance, accessibility, SEO and best practices. Open Chrome DevTools (F12) and go to the Lighthouse tab to run an audit. This is the same engine that Google PageSpeed Insights uses.
Comparison of website speed testing tools
| Tool | Free | Test locations | Waterfall | Core Web Vitals | Historical data |
|---|---|---|---|---|---|
| PageSpeed Insights | Yes | Global (Google) | No | Yes (real-world) | No |
| GTmetrix | Yes (limited) | 7 locations | Yes | Yes (lab) | Premium |
| WebPageTest | Yes | 30+ locations | Detailed | Yes (lab) | No |
| Lighthouse | Yes (local) | Your own browser | Via DevTools | Yes (lab) | No |
| Pingdom | Yes | 7 locations | Yes | Limited | Premium |
How can you improve the speed of your website?
After testing your website speed it is time to solve the problems that were found. Here are the most impactful optimizations you can carry out.
Improving server response time (TTFB)
The Time to First Byte determines how quickly your server starts to respond. A slow TTFB often points to problems with your hosting, database or server-side code. Possible solutions are upgrading to better hosting, activating server-side caching and optimizing database queries.
Optimizing images
Images are often the biggest culprit with slow websites. Optimize them by using the right format (WebP offers the best compression), compressing images without visible loss of quality, implementing lazy loading for images below the fold and serving the right dimensions via responsive images.
Implementing caching
Caching prevents the browser from having to download all files again on every visit. Implement browser caching via Cache-Control headers and server-side caching for dynamic content. Read our guide on caching explained for a complete overview.
Optimizing CSS and JavaScript
- Minification - remove whitespace and comments from CSS/JS files
- Bundling - combine multiple files into fewer requests
- Defer and async - load JavaScript only after HTML parsing
- Critical CSS - load only the CSS needed for above the fold
- Code splitting - load only the code needed per page
- Tree shaking - remove unused code from bundles
Using a CDN
A Content Delivery Network distributes your content across servers worldwide, so that visitors load files from the nearest location. This reduces latency considerably. Cloudflare is a popular free option that combines a CDN with DDoS protection.
Which speed optimizations are specific to WordPress?
If you use WordPress, there are specific optimizations you can apply after testing your website speed:
Caching plugins
- WP Rocket - the most complete caching plugin (paid)
- W3 Total Cache - extensive but complex (free)
- LiteSpeed Cache - specifically for LiteSpeed web servers (free)
- WP Super Cache - simple and reliable (free)
Database optimization
A bloated database slows down your WordPress site. Regularly clean up revisions, transients and spam comments. Use a plugin such as WP-Optimize or optimize the database manually via phpMyAdmin.
Optimizing theme and plugins
- Use a lightweight theme that is optimized for speed
- Remove unused plugins completely
- Limit the use of heavy page builders
- Disable unused WordPress functions
How do you test website speed in a structural way?
Testing website speed is not a one-time activity but an ongoing process. Schedule monthly speed tests and monitor the Core Web Vitals via Google Search Console.
Monitoring workflow
- Test your speed monthly with PageSpeed Insights and GTmetrix
- Check the Core Web Vitals in Google Search Console
- Identify the biggest bottlenecks in the results
- Implement the recommended optimizations
- Test again to measure the improvement
- Document your results for trend analysis
Which advanced techniques help with website optimization?
For websites that have already optimized the basic tasks, there are advanced techniques to further improve speed after testing your website speed:
HTTP/3 and QUIC
HTTP/3, based on the QUIC protocol, offers faster connection setup and better performance on mobile networks. Check whether your hosting provider and CDN support HTTP/3.
Preloading and prefetching
- Preload - load critical resources earlier with the preload hint
- Prefetch - load resources in advance for the next page
- Preconnect - establish connections to external domains in advance
- DNS prefetch - resolve DNS in advance for external domains
Service Workers and PWA
Service Workers make it possible to implement an offline-first strategy, where repeat visitors serve content directly from the cache. Progressive Web App (PWA) functionality can further improve the experience, especially on mobile devices.
Regularly testing and optimizing website speed is an investment that pays off in better user experience, higher conversions and better findability in Google. Start with the basic optimizations and gradually work towards more advanced techniques. Every tenth of a second of speed gain counts, because in the digital world speed is everything. Also check out our guide on improving website speed for more practical tips.
Advanced speed optimization after testing your website speed
After the first round of testing your website speed and the basic optimizations, there are advanced techniques for further improvement.
Critical rendering path optimization
The critical rendering path determines which resources the browser has to load before the page becomes visible. Identify and optimize the critical resources: inline the essential CSS, defer non-critical JavaScript and use preload hints for important resources. By shortening the critical rendering path you significantly improve the First Contentful Paint and Largest Contentful Paint metrics.
Edge computing and serverless functions
Edge computing brings processing closer to the end user by running code on servers spread around the world. Cloudflare Workers and AWS Lambda@Edge are popular options that can drastically lower the Time to First Byte for dynamic content. Use edge computing for tasks such as A/B testing, geo-redirects and personalization without increasing the load on your origin server.
Database query optimization
Slow database queries are often the cause of a high TTFB. After testing your website speed, analyze the slowest queries with tools such as the MySQL slow query log or the Query Monitor plugin for WordPress. Add indexes on frequently used columns, optimize complex joins and consider query caching via Redis or Memcached for repeated queries with the same results.
How do you monitor website speed over a longer period?
A structural approach to testing website speed also includes monitoring performance over longer periods. Set up automatic performance assessments that run weekly or daily via tools such as SpeedCurve or Calibre. These tools store historical data so that you can analyze trends and measure the impact of changes. Integrate performance monitoring into your deployment pipeline so that every code change is automatically tested for performance impact before it goes to production. By defining and enforcing performance budgets you prevent gradual performance degradation that can occur unnoticed when there is no structural measurement.
How do you optimize the speed of your mobile website?
With more than sixty percent of web traffic via mobile devices, optimizing mobile performance is essential. Mobile users often have slower connections and less powerful processors, which makes optimization here have even more impact. Start by testing your website on real mobile devices instead of only using the desktop emulation in Chrome DevTools. Use tools such as BrowserStack or Sauce Labs to test on different devices and operating systems. Optimize touch targets so that buttons are at least 48 by 48 pixels for a good user experience. Minimize the use of heavy JavaScript frameworks on mobile and consider serving a lighter version for mobile users. Implement adaptive loading where the quality of images and videos is adjusted to the connection speed of the user. Make sure critical content above the fold loads quickly by prioritizing above-the-fold resources. Use the preconnect hint for external domains that you know are needed, so that the browser establishes a connection in advance before the resources are requested.
Testing website speed: Core Web Vitals explained
Google uses Core Web Vitals as an important ranking factor. Understanding and optimizing these metrics is essential when you test and improve your website speed. The three core metrics each measure a different aspect of the user experience.
| Metric | What it measures | Good | Mediocre | Poor |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Loading time of the largest visible element | Under 2.5 seconds | 2.5 - 4.0 sec | Above 4.0 sec |
| INP (Interaction to Next Paint) | Responsiveness on user interaction | Under 200ms | 200 - 500ms | Above 500ms |
| CLS (Cumulative Layout Shift) | Visual stability during loading | Under 0.1 | 0.1 - 0.25 | Above 0.25 |
LCP is often hindered by large images, slow server response times or render-blocking resources. INP measures how quickly your page responds when a visitor clicks or types. CLS occurs when elements on the page jump around while the page loads, which is frustrating for visitors.
Testing and improving website speed: server-side optimizations
Many website administrators focus on front-end optimization, but server-side improvements often deliver the biggest speed gain. These optimizations lower the Time to First Byte (TTFB) and ensure that your server can deliver content faster when you test your website speed.
- Upgrade the PHP version - PHP 8.x is up to 3x faster than PHP 7.0. Check whether your hosting offers the latest stable PHP version.
- Enable OPcache - PHP OPcache stores compiled scripts in memory, so they do not have to be recompiled on every request.
- Optimize database queries - Slow queries are often the biggest bottleneck. Use the slow query log to identify problematic queries and add indexes where needed.
- Object caching with Redis - Redis stores frequently used database results in memory, which eliminates repeated queries and drastically lowers the response time.
- Enable HTTP/2 or HTTP/3 - Modern protocols load multiple files simultaneously over a single connection, which considerably improves loading time.
The choice of web server also has a big influence. Read our comparison of Apache vs Nginx vs LiteSpeed to choose the fastest option for your situation. With a VPS you have full control over these settings. Use server monitoring tools to measure the impact of your optimizations.
Optimizing website speed: front-end checklist
After the server-side optimizations it is time for the front-end. These adjustments reduce the amount of data sent to the browser and speed up rendering. Use this checklist to systematically improve your website speed:
- Optimize images - Use modern formats (WebP, AVIF), adjust dimensions to the display size and implement lazy loading for images below the fold.
- Minify CSS and JavaScript - Remove unnecessary whitespace, comments and unused code from your stylesheets and scripts.
- Place critical CSS inline - Load the CSS needed for the top half of the page directly in the HTML to prevent render-blocking.
- Defer JavaScript - Use defer or async attributes to load scripts only after the page has rendered.
- Set up browser caching - Set long cache headers for static files so that returning visitors do not have to download them again.
- Use a CDN - A Content Delivery Network serves your static files from servers close to the visitor, which reduces latency.
Measure your improvements after every change. Use Google PageSpeed Insights, GTmetrix and WebPageTest to compare before and after. A good SSL certificate also contributes to speed thanks to HTTP/2 support. Read how to install Let's Encrypt for free SSL.
Testing website speed: monitoring and continuous optimization
Testing and optimizing your website speed once is not enough. Websites change continuously: new content is added, plugins are installed and server configurations change. Without structural monitoring, speed can gradually deteriorate without you noticing it.
Set up automated speed tests that run daily or weekly. Tools such as the Google PageSpeed Insights API, WebPageTest API or SpeedCurve offer programmatic access with which you can automate speed tests and visualize trends. Define a performance budget: maximum values for loading time, page size and the number of HTTP requests. When a change exceeds the budget, investigate the cause before the change goes to production.
Real User Monitoring (RUM) offers insight into how real visitors experience your website. Unlike synthetic tests that measure from a fixed location and device, RUM shows the actual loading times that your visitors experience on their own devices and network connections. Google offers free RUM data via the Chrome User Experience Report (CrUX), which also forms the basis for the Core Web Vitals in the search results. Combine synthetic tests with RUM for a complete picture of your website performance and prioritize optimizations based on what real users experience.
Testing website speed: specific optimizations per CMS
The optimal approach for testing and improving your website speed differs per content management system. Each CMS has specific bottlenecks and associated optimization possibilities that you need to know for the best result.
WordPress benefits enormously from object caching via Redis, full-page caching via plugins such as WP Super Cache or W3 Total Cache, and minimizing the number of active plugins. Every plugin adds database queries and PHP code that is executed on every page view. Regularly audit your plugins and deactivate everything that is not strictly necessary.
WooCommerce webshops have additional optimization points: use fragment caching for cart widgets and recently viewed products that differ per user, optimize product images with automatic WebP conversion, and consider a headless front-end with a JavaScript framework for the fastest shopping experience. Magento and PrestaShop benefit from Varnish as a full-page cache and Elasticsearch for fast product search functionality. Static site generators such as Hugo and Jekyll are naturally the fastest option because they pre-generate HTML files without server-side processing per visit. For content that does not change often this is an ideal choice that makes loading times of under 100 milliseconds possible.
Website speed: impact on conversion and revenue
The relationship between website speed and business results has been demonstrated by countless studies. Every extra second of loading time reduces conversion by an average of seven percent. For a webshop with a monthly revenue of 50,000 euros, an improvement from three to two seconds of loading time means potentially 3,500 euros of extra revenue per month. Amazon calculated that every 100 milliseconds of extra latency costs them one percent in sales. Google uses page speed as a ranking factor, which means that slow websites also receive less organic traffic. The investment in speed optimization therefore delivers not only a better user experience but also measurable financial results that amply justify the costs of optimization.
Sources and references
- Google PageSpeed Insights (pagespeed.web.dev)
- WooCommerce - Official documentation (woocommerce.com)
- Let's Encrypt - Free SSL certificates (letsencrypt.org)
- Cloudflare - Learning Center (cloudflare.com/learning)
- GTmetrix - Website Performance Testing (gtmetrix.com)
