How to score a perfect 100% on google pagespeed insights

     

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

Bạn đang xem: How to score a perfect 100% on google pagespeed insights

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 tìm kiếm engineoptimized website, tốc độ is a critical factor.

If you don’t have sầu a fast trang web, people will bounce faster than you can say “conversions.”

But speeding up your trang web is no easy task.

It’s often hard khổng lồ diagnose what is causing your trang web khổng lồ 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 trang web if you don’t.

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

And Google gives preferential treatment lớn websites that load quickly.

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

Thankfully, Google offers this không lấy phí tool lớn find out what you need to lớn fix.

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

Here’s how khổng lồ score a perfect 100% on Google’s PageSpeed Insights and why you need to lớn accomplish this feat.

Why you should care about page speed

Page tốc độ is a critical factor when it comes khổng lồ ranking your websitehigher 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 tìm kiếm engine users simply won’t cliông xã to the second page.

It’s no secret that the trang nhất results will generate the majority of clicks.

So focusing on page speed is paramount to lớn having a successful company & a trang web that converts.

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

They wanted khổng lồ figure out which factors were the most common among muốn sites that ranked in the page đầu results.

And they quickly found that average page load tốc độ for any given trang web was a huge factor in ranking higher:

*

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 tốc độ.

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

*

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

And that correlation was recently backed up và 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:

*

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

And if you look baông xã 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 lathử nghiệm report, most websites are incredibly slow in every single industry:

*

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 underthree seconds.

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

If you want khổng lồ have sầu a shot at ranking on the first page of Google, your site needs lớn load in under three seconds.

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

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

And Portent used this studyto conduct their own research. They found that when you tốc độ up your site from two seconds khổng lồ one second, your dollars per pageview increase by 100%.

*

Getting your speed khổng lồ under two seconds can double your traffic and revenue.

So, what causes a page to lớn load slowly?

The most comtháng causes of slow pages are bulky images & 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 sầu 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 form size of a website page measured in bytes.

Google’s benchmark data shows that the best practice for page kích cỡ or weight is under 500KB:

*

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 & less is more.”

With 70% of pages being over 1MB, 36% being over 2MB & 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 kích thước of a single HD image), took seven seconds to lớn 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 & điện thoại 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 khổng lồ large images that are taking up too much space.

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

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

To get started, open up the PageSpeed Insights toolvà enter your website URL inlớn the bar:

*

Cliông xã “Analyze” lớn have sầu Google run a quichồng chạy thử on your site.

The finished report will tell you everything you need khổng lồ know about your site and what might be hindering its performance.

Here’s what my report looks like:

*

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 lớn get you to 100% by the kết thúc of this article as we take this journey in page tốc độ together.

First, let’s look at the items that I have sầu optimized & perfected:

*

Now, notice how there are only a few items on this danh mục compared to lớn my “Possible Optimizations” list:

*

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 lớn take care of every element lớn 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 lớn demo our Mobile site separately.

You can use the thiết bị di động site tester on the PageSpeed Insights tool, but Google released an updated, more accurate version of this.

Head over lớn Test My Siteto try it. Input your trang web URL and hit enter:

*

Google will take a few minutes lớn run this report, but it will give you a detailed look at how your điện thoại site performs compared khổng lồ industry standards.

It will even tell you how many visitors you could be losing because of a lower page tốc độ.

Here’s what my data looks like:

*

My load time on thiết bị di động is four seconds.

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

That means that my tốc độ isn’t up to par with industry standards.

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

Here’s what my thiết bị di động test looks lượt thích when I compare it khổng lồ the industry standards:

*

While still in the top-performing section, I am not where I should be if I want khổng lồ maximize the effectiveness of my website or drive more traffic & conversions.

*

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, khổng lồ save sầu 10% of your visitors or more, it’s something that you need khổng lồ vì chưng.

Run your website through this mobile site kiểm tra to lớn get data on what fixes you need for your trang web.

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

4 ways to lớn lvà 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 sầu lớn bởi vì some legwork and spover some hours at the grindstone.

But if you want to lớn save sầu traffic, drive sầu more conversions, và bring in more revenue, you needto lớn bởi vì it.

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

Here are the top four 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.

Xem thêm: Hướng Dẫn Cách Làm Video Trên Máy Tính, Cách Làm Video Trên Máy Tính

When I fixed this on my own site, I found a huge impact on tốc độ.

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

You can save an average of 1/2 or more on image form size by using simple compression tools.

If you use WordPress, one of the best ways to lớn bởi this without spending much time is khổng lồ use a plugin.

My favorite plugin lớn use is WP. Smush ImageCompression and Optimization:

*

WPhường. Smush has tons of awesome features for không tính tiền.

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

*

If you want to lớn 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 faschạy thử tools on the market:

*

If you head khổng lồ the settings for this plugin, you can turn on the setting khổng lồ automatically smush images on upload.

*

If you enable this setting, you’ll never have lớn worry about compression again. And if you compress all of the existing images on your site, then you don’t have sầu khổng lồ worry about it every time you upload.

WPhường Smush is an excellent, không lấy phí tool for the everyday WordPress user.

But, if you don’t use WordPress, what bởi 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:

*

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 không lấy phí plugin for Shopify to lớn start compressing your images and improving your page tốc độ scores.

If you aren’t familiar with plugins or don’t lượt thích khổng lồ use them for your site, you can use không lấy phí tools online like Compress JPEG, Optimizilla, và more.

Both are fast, không tính phí tools that allow you to compress up to 20 images in a single upload.

Check out this example imagethat I compressed lớn give sầu you an idea of how impactful these programs can be:

*

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

You can use all of these tools for miễn phí và 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 lớn page speed.

Fetching the resources khổng lồ load your trang web takes a ton of effort. It requires loading each image & page element và then dealing with heavy HTML and coding.

Each time someone loads your site, this process has lớn 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 trang web visitor travels lớn a new page on your site, all of your data, like logos và footers, won’t need to load again.

That will result in a big increase in tốc độ when people l& on your site.

So, how vày you implement it? Thankfully, there’s a plugin for it. You don’t need to lớn be an expert at coding khổng lồ vị this.

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

*

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

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

The tool also helps you minify HTML (which we will dive sầu inkhổng lồ next), JavaScript, and CSS, giving you up khổng lồ 80% bandwidth savings.

Try using W3 Total Cađậy today lớn give sầu your website a fast, easy boost in tốc độ 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, và shortening code when possible.

And once again, thanks to the awesome plugin options of WordPress, you don’t need lớn be a coding genius khổng lồ fix this.

One of the best tools khổng lồ vày this is HTML Minify:

*

You can tải về this plugin for miễn phí directly from their site & install it to lớn your WordPress tài khoản. And you can vị it in seconds.

You can also install it directly from this plugin page.

*

Once you install the plugin, you only need khổng lồ take a few steps before you see an instant impact on your site.

If you want lớn increase speed, minifying your script is going khổng lồ be a big win.

Head to lớn the settings tab on your Minify HTML plugin & enable all of the following settings:

*

You can effectively kill multiple birds with one stone.

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

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

Next, be sure to lớn select yes for “Remove HTML, JavaScript và 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 và you should see an instant impact on your insights report.

4. Implement AMP

AMPhường is short for Accelerated Mobile Pages.

It’s a project implemented by Google to lớn help di động pages load faster.

It works by making an open-source format that strips away tons of unnecessary nội dung, making your thiết bị di động pages load nearly instantly.

It gives users a more streamlined experienceon di động without any clunky features that don’t work well on di động devices.

If you browse the Internet on your thiết bị di động phone, you probably have sầu clicked on an AMP-based article.

Here’s what they look like:

*

They are often relegated to lớn the “Top Stories” section of Google tìm kiếm results & they load up instantly.

They don’t have much formatting, which helps them load quickly & deliver the nội dung that the Smartphone user wants khổng lồ see.

When a searcher on Google clicks one of these AMP articles, they see the nội dung like this:

*

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

For example, you can simply swipe left or rightlớn read the next article in the sequence:

*

This feature streamlines the user experience on mobile.

Gone are the days where you had to lớn wait 10 seconds for a site to load, then clichồng baông chồng to the tìm kiếm results page, & wait another 10 seconds for the next site lớn load.

Here you can access the nội dung of multiple articles without clicking the back button once.

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

Tons of companies are taking advantage of AMPhường.

The company WIREDstarted implementing AMPkhổng lồ do a better job of reaching their customers.

*

They were finding that their sản phẩm điện thoại user experience was too slow. Conversions were simply not happening because of the tốc độ issues & visitor retention problems.

Deciding to lớn invest time inkhổng lồ AMPhường 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 AMPhường. stories, too.

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

Gizmodoalso hopped on the AMPhường. train and saw huge improvementson their thiết bị di động site.

*

They were getting over 100k AMP page visits every single day with load times that were 3x faster than standard sản phẩm điện thoại pages.

Conversions increased by 1/2, too.

It’s safe lớn say that AMP. can significantly increase conversions and di động tốc độ, giving you a massive sầu opportunity lớn score higher on Google’s PageSpeed Insights.

If you want lớn start using AMP on your own site, there are a few ways lớn vì chưng 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 AMPhường for WPhường.

*

It has over 80,000 active sầu installs và has constant tư vấn và updates.

The plugin includes an AMPhường page builder that you can easily drag and drop page elements on:

*

It’s one of the easiest ways to lớn create AMP-friendly nội dung.

All you have to vày is download và install the plugin on your WordPress dashboard và 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 tìm kiếm results.

AMP is a proven way lớn tốc độ up your điện thoại site.

Xem thêm: Lương Nhân Viên Marketing Mới Ra Trường, Ngành Marketing Lương Bao Nhiêu Ở Việt Nam

It can help you reduce your tốc độ to lớn under one second, và tons of companies are finding success with it.