We’ve all heard the saying “time is money.” This is especially true when it comes to your website. In a world where everything has to be immediate and on-demand, nothing’s more annoying than waiting for a page to load.
With 8-second-long attention spans (less than a goldfish), human beings have little patience for slow page loads. If you want to get your message across quickly, you need a fast-loading page.
Keeping the attention of prospective consumers isn’t the only benefit of fast-loading pages—they’re also important to your SEO campaign. An experiment performed for a SearchMetrics conference found sites on the first page of search results loaded in about 0.7-0.8 seconds, while sites on the second page loaded in 1.4 seconds. You can be sure of one thing: site speed is correlated with your rankings.
There are several website speed tools you can use to check how fast your website loads. These tools are a great way to see if anything is slowing down your site and optimize your website performance.
Of all the tools I use, I rely most on this. It reflects Google’s recommendations for how a given site can be improved for both mobile and desktop. For example, the “Opportunities” section presents suggestions for improving site performance, such as eliminating render-blocking resources, reducing unused JavaScript/CSS, and enabling text compression.
Additionally, it offers a deeper look into your website’s performance for important metrics including Core Web Vitals, which is a Google ranking factor. Below, you can see an example of a page test that includes the Core Web Vitals Assessment and the page’s scores for notable metrics.
Although it lacks some features that are readily available in other site speed tools, it’s definitely a great starting point.
In addition to providing a performance score and advanced recommendations on how to speed up your site, GTMetrix offers a breakdown of your page content—displaying the resources that take up the most total page size and requests.
You can also filter their recommendations by a specific performance metric. For example, if you’re only focused on improving your LCP score—which is a metric that measures the amount of time it takes for the main content of your page to load—you can select that metric in the “Top Issues” section to only see recommendations related to LCP.
Similar to GTMetrix, Pingdom shows you what elements of your site are taking the longest time to load. For example, if 52% of the load time is spent rendering images, you or your developer can take steps to optimize images to help them load faster and reduce page load speed.
Pingdom also provides an overview of file requests on a page. This feature allows you to visualize all of the resources that are loading for a page and how long each file takes to load. In addition, this is a great tool to see which files are taking the longest to load and evaluate the best solution to improve site speed.
After using these tools a few times you might default to a favorite, but we always recommend running each tool separately to perform a full analysis.
Once this is done, you’ll probably have a laundry list of potential improvements. You’ll need to determine which ones are most important to address. In my experience, the following improvements are the easiest to implement and give the most substantial results:
Running images through a round of lossless compression doesn’t hurt quality, and it helps them load faster. All original data remains, the compression will reduce the size of the image, remove excess and redundant information, and reduce the file sizes.
If you were to decompress the images, all data would still be there (which is not the case with lossy compression).
Every time someone comes to the site, the browser needs to render your images. But if you set browser caching, the browser doesn’t need to re-load the image every time. Instead, they pull the cached version. This will make a big improvement for repeat visitors to your website!
I usually set most images out for a week, but it can depend on how often you change your styles/images. You can also leverage browser caching for CSS and Javascript files, so they don’t need to load every time. If you haven’t been using browser caching, expect big wins in the speed department!
You can also install cache plugins onto your WordPress site. These plugins allow users to immediately cache their website with one click.
Before a page is fully loaded, the browser must parse together all scripts, leading to slow load times. Ask your developer if you can just execute the files needed to render a web page, in order to reduce the initial load time. The rest of the JavaScript can fire after the initial page load, as long as it’s not needed for rendering.
These are all recommendations your web developer will be able to implement for you to improve your page speed. Once you receive confirmation that things have been updated, we recommend you run the site speed tools again.
Check your website one final time to make sure everything has been executed properly. Once you’ve updated some of the fundamental elements and re-checked your site, start performing monthly checks in your analytics account. The Site Speed report in Google Analytics will be able to compare pre-site speed analysis dates to post-site speed analysis dates, to continue monitoring and analyzing your site’s performance.
Need help with improving your site speed, Core Web Vitals performance, or enhancing the overall user experience of your website? We can help! Contact us today to learn more.