How to Score a Perfect 100% on Google PageSpeed Insights

 

Google PageSpeed Insights

You just built a new website for your company.

You spent days laboring over the design and weeks in production with countless hours of edits.

But there’s a problem: You find that your new, beautiful website isn’t as fast as you need it to be.

And when it comes to building a conversion rate and search engine optimized website, speed is a critical factor.

If you don’t have a fast website, people will bounce faster than you can say “conversions.”

But speeding up your website is no easy task.

It’s often hard to diagnose what is causing your website to run slower than it should.

Your problem could be anything from code that’s written poorly to images or large page elements.

And you need to diagnose and fix these issues fast.

Google will ding your website if you don’t.

If you run your website through Google’s PageSpeed Insights and find a 100% score, your site is fast.

And Google gives preferential treatment to websites that load quickly.

The faster your site loads, the lower the bounce rate. If your site is fast, you have a better chance of ranking on Google over slow sites that drive high bounce rates.

Thankfully, Google offers this free tool to find out what you need to fix.

But unfortunately, they don’t give you the best instructions on getting your score to 100%.

Here’s how to score a perfect 100% on Google’s PageSpeed Insights and why you need to accomplish this feat.

Why you should care about page speed

Page speed is a critical factor when it comes to ranking your website higher on Google’s search engine results.

If your website isn’t on par with the top 10 organic pages, you won’t rank on the first page.

And the vast majority of search engine users simply won’t click to the second page.

It’s no secret that the top 10 results will generate the majority of clicks.

So focusing on page speed is paramount to having a successful company and a website that converts.

Backlinko recently conducted a study where they analyzed over one million search engine results pages (SERPs) on Google.

They wanted to figure out which factors were the most common among sites that ranked in the top 10 results.

And they quickly found that average page load speed for any given website was a huge factor in ranking higher:

pasted image 0 447

The top-ranking positions on Google all had the same thing in common:

Fast page speeds on their websites.

They had well-optimized sites that their creators had clearly designed for speed.

On top of that, they found that the top-ranking sites also had very low bounce rates when compared to second- or third-page results:

pasted image 0 283

There was a big correlation between fast websites and low bounce rates.

And that correlation was recently backed up and supported by Google’s new PageSpeed industry benchmarks.

They found that as page load times go up, the chance of someone bouncing from your site increases dramatically:

pasted image 0 374

That means that if your page takes 10 seconds to load, the likelihood of someone leaving your site before it even loads increases by more than 120%!

And if you look back on the Backlinko graph from above, it showed that the top-ranking websites on Google’s first page all had page speeds under 3 seconds.

But according to Google’s latest report, most websites are incredibly slow in every single industry:

pasted image 0 316

The average load time for most sites is over eight seconds and can even surpass 11 seconds in the tech industry.

Meanwhile, the best-practice benchmark is under three seconds.

Almost all of us are missing the mark when it comes to having a fast-performing website.

If you want to have a shot at ranking on the first page of Google, your site needs to load in under three seconds.

Backlinko’s study proved that, and Google’s benchmarks solidify the data even further.

In another study, BigCommerce found that conversion rates for e-commerce websites average somewhere in the 1-2% range.

And Portent used this study to conduct their own research. They found that when you speed up your site from two seconds to one second, your dollars per pageview increase by 100%.

pasted image 0 342

Getting your speed to under two seconds can double your traffic and revenue.

So, what causes a page to load slowly?

The most common causes of slow pages are bulky images and poorly-designed coding.

If you look at any website in the modern era, it’s likely filled to the tipping point with images.

And if you aren’t optimizing your images, you could have pages that take up multiple megabytes of space.

Page size and weight are often measured by page weight bytes. Simply put, page weight bytes show the total size of a web page measured in bytes.

Google’s benchmark data shows that the best practice for page size or weight is under 500KB:

pasted image 0 261

But again, most of us are missing the mark here. We are vastly exceeding the recommended weight.

One of the concepts that stood out to me the most from the Google report comes from this short yet impactful quote:

“No matter what, faster is better and less is more.”

With 70% of pages being over 1MB, 36% being over 2MB and 12% being over 4MB, that statement holds a lot of weight (no pun intended).

Google found that a page weight of just 1.49MB (comparable to the average size of a single HD image), took seven seconds to load on a page.

In their research, they even found a web page with images that averaged 16MB per image.

Google simply tells us the hard yet hopeful truth:

We have serious room for improvement on our websites.

How to diagnose your desktop and mobile site

Knowing that slow websites kill conversions is just the beginning.

Acknowledging that your site might have some underlying issues that you can’t see on the surface is the first step.

Most sites will be running slowly due to large images that are taking up too much space.

But that’s not always the case for every website.

You need to know exactly what’s causing your slow site speeds before you can make the necessary changes to score 100% on the PageSpeed Insights tool.

To get started, open up the PageSpeed Insights tool and enter your website URL into the bar:

pasted image 0 437

Click “Analyze” to have Google run a quick test on your site.

The finished report will tell you everything you need to know about your site and what might be hindering its performance.

Here’s what my report looks like:

pasted image 0 364

It’s an 87/100.

It’s not great. It’s not terrible either, though.

But you almost always have room for improvement. My goal here is to get you to 100% by the end of this article as we take this journey in page speed together.

First, let’s look at the items that I have optimized and perfected:

pasted image 0 303

Now, notice how there are only a few items on this list compared to my “Possible Optimizations” list:

pasted image 0 298

This information tells me that the items on “Possible Optimizations” are a little less impactful than the ones that I have already optimized.

But obviously, you’ll need to take care of every element to hit 100% on the Page Speed Insights tool.

You’ll want to start with the top priority items (more on this later).

Next, we want to test our mobile site separately.

You can use the mobile site tester on the PageSpeed Insights tool, but Google released an updated, more accurate version of this.

Head over to Test My Site to try it. Input your website URL and hit enter:

pasted image 0 271

Google will take a few minutes to run this report, but it will give you a detailed look at how your mobile site performs compared to industry standards.

It will even tell you how many visitors you could be losing because of a lower page speed.

Here’s what my data looks like:

pasted image 0 275

My load time on mobile is four seconds.

Remember: The recommended load time is three seconds or less.

That means that my speed isn’t up to par with industry standards.

And due to that, I am losing up to 10% of my visitors simply from poor speed performance!

Here’s what my mobile test looks like when I compare it to the industry standards:

pasted image 0 458

While still in the top-performing section, I am not where I should be if I want to maximize the effectiveness of my website or drive more traffic and conversions.

Scroll down even further and Google will give you an estimate on what your top fixes could do for your website:

pasted image 0 334

Google says that with a few fixes I could reduce my load times by around three seconds.

That means that I could potentially get my website to load at the one-second mark!

That’s amazing. And trust me, to save 10% of your visitors or more, it’s something that you need to do.

Run your website through this mobile site test to get data on what fixes you need for your website.

In this next section, I’ll walk you through fixing the top five page speed problems that can help you score a 100% on the PageSpeed Insights tool.

4 ways to land a perfect PageSpeed score

Getting a perfect 100% on Google’s PageSpeed Insights tool is no easy task.

It’s not going to happen overnight, either. You’ll have to do some legwork and spend some hours at the grindstone.

But if you want to save traffic, drive more conversions, and bring in more revenue, you need to do it.

It may be boring, tedious and tiresome, but you need those conversions. You can’t be lazy and risk leaving traffic and profit on the table.

Here are the top five ways you can speed up your site and score a perfect 100% with Google.

1. Compress your images

The biggest cause of slow pages and low scores is large images.

When I fixed this on my own site, I found a huge impact on speed.

One of the top optimization techniques for fixing image size is compression.

You can save an average of 50% or more on image size by using simple compression tools.

If you use WordPress, one of the best ways to do this without spending much time is to use a plugin.

My favorite plugin to use is WP Smush Image Compression and Optimization:

pasted image 0 266

WP Smush has tons of awesome features for free.

You can smush images automatically by adding the plugin. It will scan your media library on WordPress and detect images that it can compress:

pasted image 0 253

If you want to smush tons of new images for your site in bulk, you can upload them directly into the plugin.

You can smush up to 50 images at a single time, making it one of the fastest tools on the market:

pasted image 0 256

If you head to the settings for this plugin, you can turn on the setting to automatically smush images on upload.

pasted image 0 250

If you enable this setting, you’ll never have to worry about compression again. And if you compress all of the existing images on your site, then you don’t have to worry about it every time you upload.

WP Smush is an excellent, free tool for the everyday WordPress user.

But, if you don’t use WordPress, what do you do?

Well, there are tons of other plugins for different sites. For example, if you run a Shopify-based store and site, you can use Crush.pics:

pasted image 0 350

Crush.pics says that you can expect a big jump in PageSpeed Insights scores using their tool:

“PageSpeed score before compression: 75/100. PageSpeed score after compression: 87/100”

Install this free plugin for Shopify to start compressing your images and improving your page speed scores.

If you aren’t familiar with plugins or don’t like to use them for your site, you can use free tools online like Compress JPEG, Optimizilla, and more.

Both are fast, free tools that allow you to compress up to 20 images in a single upload.

Check out this example image that I compressed to give you an idea of how impactful these programs can be:

pasted image 0 426

I reduced the file size by 68% in just two seconds using Optimizilla. It reduced the size from 380KB to 120KB with almost no quality difference!

You can use all of these tools for free and you should definitely implement them if you can’t use a plugin.

2. Use browser caching

Browser caching is another tool that can make a big impact with relatively little effort when it comes to page speed.

Fetching the resources to load your website takes a ton of effort. It requires loading each image and page element and then dealing with heavy HTML and coding.

Each time someone loads your site, this process has to happen all over again. Your site will take them too long to load.

And that’s where browser caching can help.

It works by “remembering” the previously-loaded resources so that it doesn’t have to reload them upon every single visit.

When a website visitor travels to a new page on your site, all of your data, like logos and footers, won’t need to load again.

That will result in a big increase in speed when people land on your site.

So, how do you implement it? Thankfully, there’s a plugin for it. You don’t need to be an expert at coding to do this.

Try using W3 Total Cache for WordPress sites. It’s got over one million active installs and is the most popular caching plugin on the market:

pasted image 0 308

W3 Total Cache claims that it can give you at least a 10x improvement in overall site performance.

On top of that, they claim (and back up) that this plugin will help you achieve higher results on Google’s PageSpeed tools.

The tool also helps you minify HTML (which we will dive into next), JavaScript, and CSS, giving you up to 80% bandwidth savings.

Try using W3 Total Cache today to give your website a fast, easy boost in speed even if you don’t have coding experience.

3. Minify your HTML

Minimizing the space that your HTML coding takes up is another big factor in getting a perfect score from Google.

Minification is the process of removing or fixing unnecessary or duplicated data without impacting how a browser will process the HTML.

It involves fixing code, formatting, removing unused code, and shortening code when possible.

And once again, thanks to the awesome plugin options of WordPress, you don’t need to be a coding genius to fix this.

One of the best tools to do this is HTML Minify:

pasted image 0 405

You can download this plugin for free directly from their site and install it to your WordPress account. And you can do it in seconds.

You can also install it directly from this plugin page.

pasted image 0 416

Once you install the plugin, you only need to take a few steps before you see an instant impact on your site.

If you want to increase speed, minifying your script is going to be a big win.

Head to the settings tab on your Minify HTML plugin and enable all of the following settings:

pasted image 0 287

You can effectively kill multiple birds with one stone.

Google’s PageSpeed Insights recommends that you minify HTML, JavaScript, and CSS.

Enable the “Minify HTML” + “Inline JavaScript” settings.

Next, be sure to select yes for “Remove HTML, JavaScript and CSS comments.”

The great thing about this plugin is that it will tell you what the recommended action is under each setting.

Follow these actions if you are unfamiliar with how these settings work.

Minify your coding today and you should see an instant impact on your insights report.

4. Implement AMP

AMP is short for Accelerated Mobile Pages.

It’s a project implemented by Google to help mobile pages load faster.

It works by making an open-source format that strips away tons of unnecessary content, making your mobile pages load nearly instantly.

It gives users a more streamlined experience on mobile without any clunky features that don’t work well on mobile devices.

If you browse the Internet on your mobile phone, you probably have clicked on an AMP-based article.

Here’s what they look like:

IMG 51B57BAFA415 1

They are often relegated to the “Top Stories” section of Google search results and they load up instantly.

They don’t have much formatting, which helps them load quickly and deliver the content that the mobile user wants to see.

When a searcher on Google clicks one of these AMP articles, they see the content like this:

pasted image 0 293

It’s a simplified version of the real website that allows a user to scroll between different stories without leaving the web page and clicking on the next.

For example, you can simply swipe left or right to read the next article in the sequence:

Google s AMP Viewer the Tinder UX for content

This feature streamlines the user experience on mobile.

Gone are the days where you had to wait 10 seconds for a site to load, then click back to the search results page, and wait another 10 seconds for the next site to load.

Here you can access the content of multiple articles without clicking the back button once.

It’s extremely effective at speeding up your site and reducing the likelihood that someone will leave.

Tons of companies are taking advantage of AMP.

The company WIRED started implementing AMP to do a better job of reaching their customers.

pasted image 0 385

They were finding that their mobile user experience was too slow. Conversions were simply not happening because of the speed issues and visitor retention problems.

Deciding to invest time into AMP made a huge impact for WIRED.

They increased their click-through rate from organic search results by 25%.

They found a 63% increase in CTRs on ads in AMP stories, too.

They also were able to add AMP stories to over 100k articles on their site.

Gizmodo also hopped on the AMP train and saw huge improvements on their mobile site.

pasted image 0 323

They were getting over 100k AMP page visits every single day with load times that were 3x faster than standard mobile pages.

Conversions increased by 50%, too.

It’s safe to say that AMP can significantly increase conversions and mobile speed, giving you a massive opportunity to score higher on Google’s PageSpeed Insights.

If you want to start using AMP on your own site, there are a few ways to do it.

If you’re familiar with HTML, you can follow AMP’s detailed tutorial here.

For those who are less technologically savvy or have no experience in HTML, try using a WordPress plugin.

One of the most popular plugins is AMP for WP.

pasted image 0 396

It has over 80,000 active installs and has constant support and updates.

The plugin includes an AMP page builder that you can easily drag and drop page elements on:

pasted image 0 278

It’s one of the easiest ways to create AMP-friendly content.

All you have to do is download and install the plugin on your WordPress dashboard and activate it.

From there, you can use the page builder on each new post that you upload.

These pages will then create an AMP-friendly version that will show up in mobile search results.

AMP is a proven way to speed up your mobile site.

It can help you reduce your speed to under one second, and tons of companies are finding success with it.

Conclusion

When you’ve spent countless days, weeks, and months building a new website, you want it to be perfect.

Every image, element, and icon needs to be top-notch.

But that often leaves you with a website that is slower than the best practices set by Google.

And when it comes to driving conversions on your site, speed will always play a big role.

People don’t want to wait 10 seconds for your site to load when they can click back to Google and select the next result.

And Google is all about providing a good user experience. So if your site is too slow, and Google sees people bouncing, they will drop you in the SERPs.

It’s paramount that you score 100% on Google’s PageSpeed Insights. Or as close as possible to that perfect score.

It should be one of your main priorities when trying to perfect and optimize your site.

To get started, you first need to diagnose what issues are plaguing your site.

Is it images, page elements, too much text, bad coding, or all of the above?

Use the Google PageSpeed Insights tool to figure out what your next steps are.

Commonly, images are going to be the bulk of your work.

Start by compressing and optimizing your images with a plugin or website image compressor.

Next, use a plugin to leverage browser caching. You can find plugins that help your site load much faster and use fewer server-based requests.

Then, consider minifying your coding. This step will help you remove any unnecessary coding that slows down your site.

Last, try implementing AMP to make your pages load instantaneously.

These are proven tools that have made a big impact on countless companies’ sites.

Scoring a perfect 100% on Google’s PageSpeed Insights can give your website the boost that it needs to succeed.

What are the best ways you have found to increase your site speed?

The post How to Score a Perfect 100% on Google PageSpeed Insights appeared first on Neil Patel.