SaaS Web Info

Testing Website Loading Speed with webpagetest.org

8 minute read

This post is from December 2017. The screenshots show the interface as it was then; today it looks slightly different in places.

Ever-increasing speed

The topic of loading speed is not a new one: even in the early days of the web, loading time was a critical factor for a website’s success. Internet bandwidth was so low—remember, 56k modems were often the absolute best one could hope for in the late 1990s; today, connections with 100 Mbps and more are common—that even a few hundred kilobytes was the upper limit for a page to achieve a decent loading time.

With increasing bandwidth, the situation for desktop computers has eased somewhat, at least in theory. However, the growing use of mobile devices and increasingly larger screens with high resolutions (back in the late 1990s, for example, 19″ with 1,200 x 800 pixels; today, for example, 27″ with 2,560 x 1,440 pixels) puts website operators in a similar position as back then. It’s a bit like the smartphone battery problem: batteries are becoming more powerful, but devices are consuming more and more power.

Loading speed as a ranking factor

Today, loading time is taking on a new dimension: search engines, most notably Google, integrate loading time into their index calculations. Simply put: the slower a website loads, the further down it appears in search results. Since this shift, the topic has gained traction among professional website operators, and a literal race has begun. As of 2026: Google evaluates the loading experience primarily through Core Web Vitals—Largest Contentful Paint (LCP, when the largest visible content has loaded), Interaction to Next Paint (INP, how quickly the page responds to input), and Cumulative Layout Shift (CLS, how much the layout shifts during loading). This is one ranking factor among many; high-quality content remains more important.

Factors influencing loading time

There are several levels where optimizations can make a difference. On one hand, there are factors related to the connection itself or the “power”—in a car analogy: the horsepower, whether the car is aerodynamic, how much it weighs… On the other hand, there is whether a website is well-built and prevents unnecessary loading of elements—in a car analogy: the driver; are they driving optimally, do they know the route, or do they have to stop at every traffic light? There are certainly better comparisons than cars ;-). In any case, these two levels are explained in more detail in the following paragraphs.

Hosting level: Infrastructure, web server, caching

  • Infrastructure: Generally, it matters whether the website is operated on a shared hosting server or a dedicated server. Speed begins with the data center’s internet connection and how the provider’s routers connect the various servers. This results not only in speed but also in the so-called Time to First Byte, a metric for the time it takes for the first byte to travel from the server to the client.
  • Web Server: The web server also plays a role in optimization. Generally speaking, web servers using Nginx are faster than Apache—though this isn’t necessarily the case; with some configuration work, Apache can fly too. But it’s not just changing the software that brings speed. Settings like Keep-Alive also ensure that the connection to the web server doesn’t have to be renegotiated after every request.
  • Caching is a complex topic because caching exists on many levels (CDN, HTTP reverse proxy like Varnish Cache, local cache, database cache like memcached or Redis, etc.). Caching is one of the most effective options for shortening loading times, depending on how it is used. It should be noted that not everything can always be cached—sites with a high frequency of changes, such as news portals, want visitors to always see the latest articles.

Website level: HTML/JS/CSS, media elements

  • Correct page structure plays a major role—and we’re not even talking about broken HTML. The HTML structure of a document should always be as lean as necessary, and bizarre nesting should be avoided whenever possible. Accordingly, unless absolutely necessary, elements should not be inserted via JavaScript after the fact.
  • Media elements, i.e., images, should always be optimized for the end device—a large image for desktop should be loaded in a correspondingly smaller version on a smartphone.

Online speed check with www.webpagetest.org

The tool webpagetest.org, which is free in its basic version, allows anyone to measure and analyze the loading time of their (publicly accessible) website.
WebPageTest - Start

How it works

To start an analysis of the website, you only need:

  • URL: Enter the website URL, preferably including https and www; otherwise, any existing redirect might be included in the loading time.
  • Location: Where should the measurement be taken from? Geographic location actually plays a role—it’s best to choose a location close to your visitors (for a German website, for example, a location in Germany or Europe).
  • Browser: The browser being tested can certainly make a difference. By the way, depending on the provider and location, mobile browsers can also be selected.
  • Number of tests: It is recommended to run multiple tests to obtain a more meaningful average.
  • Repeat View: This refers to the loading time when a client (browser) loads a page repeatedly, which should make caching effects more noticeable—it is recommended to select first view and repeat view.

Results Overview

As of 2026: The results page is now structured differently. At the top is a summary with the questions “Is it Quick?”, “Is it Usable?”, and “Is it Resilient?”, along with specific suggestions for improvement (“Opportunities & Experiments”). The following 6 indicators (A to F—A being the best grade) show the status from 2017, but these points remain the fundamentals of optimization.
Performance Indicators
Here is a brief explanation of the 6 points:

  1. First Byte Time: The time taken to receive the first byte from the web server. This value can be influenced primarily at the hosting level, e.g., through caching. The value depends on the physical hosting environment (data center, server) and the current system load.
  2. Keep-alive enabled: A web server option that keeps the connection between the server and browser open, thus avoiding the need to renegotiate the TCP handshake every time. A website often has 100 or more elements to load—so a seemingly small optimization can make a difference. With HTTP/2 and HTTP/3, many files are now loaded in parallel over a single connection anyway.
  3. Compress transfer: Also a web server setting. The web server can transmit data in a compressed format so that less data needs to be transferred. Modern browsers are now all capable of handling compressed data transmission.
  4. Compress images: This is where website operators come in. The indicator shows how well the images being loaded are compressed. Can the size be reduced (without loss of quality)?
  5. Cache static content: Are the displayed elements coming from the cache, or were they served fresh from the web server?
  6. Effective use of CDN: Is the content being served from a CDN (Content Delivery Network)?

Performance Results

The upper table shows further values that represent the results of the speed test. Here, the speed of the website display is divided into individual stages to better understand where the loading times occur.
webpagetest - Performance Results
  • Load Time: This time corresponds to the loading time of the website. The Fully Loaded time, on the other hand, measures all activity up to 2 seconds after the Load Time, such as elements loaded later via JavaScript.
  • First Byte (TTFB): The time required for the first byte to travel from the server to the browser when the website is first accessed.
  • Start Render: The time the browser needs to start displaying the website.
  • Speed Index: The Speed Index is a value used to evaluate the measured speed. The lower this value, the better. Detailed information on how this index is calculated can be found here: https://developer.chrome.com/docs/lighthouse/performance/speed-index
  • Core Web Vitals: As of 2026, WebPageTest additionally displays First Contentful Paint, Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Total Blocking Time (TBT), among others. For websites with sufficient traffic, real user data from the Chrome UX Report is also included.
webpagetest - Result

Details – Waterfall Chart

In the waterfall chart, you can quickly see how many requests the page load generates and how fast individual requests are answered. Color codes also allow you to categorize the requests, whether they are DNS queries, HTML/text, JavaScript/text, image data, or other content types.
webpagetest - Details Waterfall

Content Breakdown

The “Content Breakdown” section is particularly interesting for seeing the ratios of text, CSS, JavaScript, and images. This makes it easier to decide where the greatest leverage lies when setting priorities for optimization.
webpagetest - Content Breakdown

Image Analysis

The “Image Analysis” section offered an analysis of image files in 2017. The service checked every single image, evaluated the compression, and graded it (A-F). You can perform the optimizations yourself if they are reasonably possible—there are numerous image editing programs available for this purpose. As of 2026, this specific section no longer exists; you can find notes on images that are too large or poorly compressed under “Opportunities & Experiments” and in the Lighthouse report. Modern formats like WebP or AVIF often save a lot of data volume.
webpagetest - Image Analysis

A professional tool for zero dollars

Webpagetest.org is a mature project that can really help drive website optimization forward. It’s particularly nice that the tool can still be used for free. As of 2026, WebPageTest belongs to Catchpoint (part of LogicMonitor since late 2025): individual tests can be done without registration; for regular tests, you need a free account with a monthly test quota; API access and advanced features are only available in paid plans. Occasionally, you have to wait a bit for the analysis request to be processed—after all, you’re not the only person using this service. A fast, also free supplement with real user data from Google is PageSpeed Insights.

Is your website getting old? We plan and implement your relaunch—fast, clean, and easy to find. More on Website Relaunch