THEBLOG  

How to Check Website Speed Performance

Notion Avatar

Google wants your site speed to be under 3 seconds.

Why?

Because that’s how long it takes for the average visitor to leave your website.

(If the webpage didn’t load within that time that is …)

How long did THIS blog post take to load for you?

ReaderAvatar08

Not sure …

Notion Avatar

That’s probably a good sign.

Means it was fast enough for you not to notice.

Google’s basically done the research and found that 3 seconds is the magic number.

Anything longer, and you’re at risk.

So let’s take a look at how to check website speed performance. (Using 3 reliable platforms).

1. PageSpeed Insights

PageSpeed Insights is what I use Weekly and sometimes daily to monitor my website speed.

1_How_to_Check_Website_Speed_Image

Just pop in your URL and hit that “Analyze” button.

It will then give you a score out of 100.

ReaderAvatar08

How is the score calculated?

Notion Avatar

If you actually hover over the score, you’ll see a breakdown of the different factors.

Which is worth looking at.

2_How_to_Check_Website_Speed_Image

What are they?

  • TBT (Time to First Byte). How long does the browser have to wait before receiving the first byte of response from the server.
  • LCP (Largest Contentful Paint). Time taken for the largest page element (image or text block) to become visible in the viewport.
  • CLS (Cumulative Layout Shift). How many elements within the viewport move around during page load.
  • FCP (First Contentful Paint). The time taken for the first piece of content to appear on the screen.
  • SI (Speed Index). how quickly the contents of a page are visibly populated.
ReaderAvatar08

Which speed factor is the most important one?

Notion Avatar

TBT accounts for about 30% of the total.

In fact, Google did a great job of visually representing all the different factors that go into that final score.

3_How_to_Check_Website_Speed_Image

You can read more about Lighthouse Performance Scoring.

Scroll down a little bit and you’ll see the metrics area where your actual score in seconds is recorded.

4_How_to_Check_Website_Speed_Image

But the real hidden gem is in that DIAGNOSTICS section, where it breaks down exactly what’s holding your site back from hitting that perfect 100.

That’s where you can really dive in and start addressing each point.

5_How_to_Check_Website_Speed_Image

For example, ☝️ as you can see … I need to remove some Unused JS …

ReaderAvatar08

What are the most common issues?

Notion Avatar
  • Remove Unused CSS. Use tools like Perfmatters.
  • Serve images in next-gen formats. Convert images to WebP.
  • Avoid Excessive DOM size. Look into your page builder and your nested containers.
  • Eliminate Render-Blocking Resources. You can defer non-critical JavaScript and CSS by using async and defer attributes in your script tags.

2. GTmetrix

GTmetrix used to be free.

I mean it still kinda is (but only for up to two tests per account).

Still, it’s pretty handy.

6_How_to_Check_Website_Speed_Image

It gives you the score in two major categories: Performance and Structure.

And from what I’ve experienced, it tends to be a bit more aggressive in its assessment.

ReaderAvatar08

What’s the difference from PageSpeed Insights?

Notion Avatar

GTmertix tests your site from one of the 22 global locations.

It also doesn’t apply any throttling so naturally it may have a more accurate representation of LCP.

 If you’ve got a well-optimized site like mine

Your GTmetrix report might look something like this 👇

7_How_to_Check_Website_Speed_Image

Below that you’ll find all the assets being loaded on your page … And how much of the total page size each one takes up.

8_How_to_Check_Website_Speed_Image

Cool!

3. Pingdom

9_How_to_Check_Website_Speed_Image

Pingdom takes a different approach.

It’s simple and easy to understand.

The main reports/flags are:

  • Single Point Score from A – E (and 0-100)
  • Page size and Load Time
  • Number of requests

Here take a look at mine:

10_How_to_Check_Website_Speed_Image

I’ve been using it, and it’s kind of similar to PageSpeed Insights in the way it lists the pain points

But grades them from A – E like this:

11_How_to_Check_Website_Speed_Image

I love the list of requests by content type as well.

looks something like this:

12_How_to_Check_Website_Speed_Image

But there’s one thing I’ve noticed with Pingdom.

It might flag some issues that are already resolved with more modern alternatives.

For example, it told me to “compress components with gzip,” but I already have both gzip and Brotli enabled on my server.

Seems like Pingdom doesn’t detect Brotli yet.

ReaderAvatar08

What’s Brotli?

And how can I check wether I have it on?

Notion Avatar

The newer alternative to Gzip is Brotli.

Brotli is an open-source compression algorithm developed by Google.

So, to check whether you really have either gzip or Brotli you can use this gip tester by GiftofSpeed.

13_How_to_Check_Website_Speed_Image

If you don’t have either gzip or Brotli, you need to talk to your hosting company.

Handy dandy.

Other Tools

•••

DebugBear

Instead of just simulating a throttled connection, DebugBear actually collects data on a throttled connection. So you get a much more accurate picture of how your site performs in the real world. It’s also got more detailed reports.

GiftOfSpeed

I’ve worked with GiftOfSpeed before, they are a great team of website optimization experts. Their speed test tool provides a comprehensive diagnosis of your site’s performance, full of actionable insights. It breaks down the data into simple, easy-to-understand metrics.

Uptrends

Uptrends is another tool you can use to test your website speed. It has a similar interface to Pingdom, and you can test per device.

Summary✨

So that’s how you check website speed performance.

Now go ahead and see how much you score on each one. As mentioned before if you are looking for website speed improvements, I’ve written a separate blog on that.

If you want to score a perfect 100 or above 95 on both mobile and desktop, shoot me an email and I can send you my best recommendations.

Spot new Trends.

See what people are buzzing about and what’s trending right now across tech, software, business, innovation, and everything in between.

Start Exploring the Trends
Page
Quick Tools
Page
Shopify Flow
Trend
Font-Size Clamp() Generator
Page
Website Speed Statistics
Stat
Web Design Manifesto
Page
Email Permutator
Page