Testing your sites speed in Chrome Dev Tools

by | Apr 3, 2021 | Blog | 0 comments

Testing your sites speed in Chrome Dev Tools couldn’t be easier and gives you the perfect way of checking how your customers are likely to see your site loading – assuming your customers are in the same geographic location as you.

Here’s how to do it:

1. Open up Chrome and head over to a site that you want to test

Then simply hit CTRL+SHIFT+I or from the menu go to “More Tools – Developer Tools”.

2. Go to the Lighthouse tab

In the developer tools window, head over to the Lighthouse tab.

3. Check “Desktop” and the boxes you want to run tests for

I tend to just leave all categories ticked. One important note though, is that the Mobile tests use simulated CPU throttling and added lag, and will generally show a much worse result. For example, in the site that I’m testing for this blog, it shows a “Time To Interactive” of nearly 8 seconds. However, when I test on my actual mobile phone using it’s data connection, the site loads near instantly. So at the moment ignore the mobile testing and stick to Desktop, as the assumptions it makes when testing on mobile do not currently match the real world – and it is the real world (or field data as Google refer to it as) that your site will be judged on. So double check you have the Device ticked as Desktop.

4. Click Generate Report

Click the big blue Generate Report button

And it will give you a nice little result of SEO best practices, Accessibility and Performance.

0 Comments

Trackbacks/Pingbacks

  1. The Google 2021 update - should you be worried? - Aperture Design - […] Check out this blog if you want to know how to run a test locally using Chrome Dev Tools.…

Submit a Comment

Your email address will not be published. Required fields are marked *

Related   Posts

How do the one day builds work?

How do the one day builds work?

One Day Builds For the past 2 years we've been offering our "One Day Builds". They're a perfect way to get your site built quickly and get some training on how to make changes and add new sections in the future. Can we really build a whole site in a single day? Yes!...

Should I be moving to Kadence and Stylecloud?

Should I be moving to Kadence and Stylecloud?

There's a lot of hype at the moment around the Kadence theme, Kadence blocks, and The Design Space's new baby, Stylecloud. So are they worth the hype? Kadence and Stylecloud Explained Kadence is a block based builder, using custom WordPress "Gutenberg" blocks there...

Adding Masonry Galleries to Divi

Adding Masonry Galleries to Divi

One of the big frustrations I have with Divi is the lack of any real gallery options, there's only a grid or carousel. So if your images are in a variety of ratios it just doesn't cut it. Thankfully, there is an easy way to add a masonry gallery to any Divi site (or...