Webpagetest

      194

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

Bạn đang xem: Webpagetest

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 khổng lồ 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 website, people will bounce faster than you can say “conversions.”

But speeding up your trang web is no easy task.

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

Your problem could be anything from code that’s written poorly khổng lồ images or large page elements.

And you need lớn diagnose & fix these issues fast.


Google will ding your trang web if you don’t.

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

And Google gives preferential treatment khổng lồ 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 sầu high bounce rates.

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

But unfortunately, they don’t give you the best instructions on getting your score khổng lồ 100%.

Here’s how to lớn 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 trang web isn’t on par with the trang đầu organic pages, you won’t rank on the first page.

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

It’s no secret that the page đầu 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 tìm kiếm engine results pages(SERPs) on Google.

They wanted lớn figure out which factors were the most common among mỏi sites that ranked in the trang nhất 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 speed.

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

*

There was a big correlation between fast websites & 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:

*

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 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 khổng lồ Google’s lachạy thử report, most websites are incredibly slow in every single industry:

*

The average load time for most sites is over eight seconds & 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 to have 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 speed up your site from two seconds lớn one second, your dollars per pageview increase by 100%.

*

Getting your tốc độ to lớn under two seconds can double your traffic & 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 trang web 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 form size and weight are often measured by page weight bytes. Simply put, page weight bytes show the total size of a website page measured in bytes.

Google’s benchmark data shows that the best practice for page size 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 khổng lồ me the most from the Google report comes from this short yet impactful quote:

“No matter what, faster is better và 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 website 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 thiết bị di động 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 lớn large images that are taking up too much space.

But that’s not always the case for every trang web.

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

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

*

Click “Analyze” to have Google run a quick kiểm tra on your site.

The finished report will tell you everything you need lớn know about your site & 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 sầu 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 speed together.

First, let’s look at the items that I have 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 lớn take care of every element khổng lồ hit 100% on the Page Speed Insights tool.

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

Next, we want to lớn thử nghiệm our sản phẩm điện thoại site separately.

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

Head over khổng lồ Test My Siteto lớn try it. Input your website URL và hit enter:

*

Google will take a few minutes to run this report, but it will give you a detailed look at how your Smartphone 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 sản phẩm điện thoại is four seconds.

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

That means that my tốc độ isn’t up khổng lồ par with industry standards.

And due to that, I am losing up to 10% of my visitors simply from poor tốc độ performance!

Here’s what my di động chạy thử looks lượt thích when I compare it to the industry standards:

*

While still in the top-performing section, I am not where I should be if I want to lớn maximize the effectiveness of my website or drive more traffic and 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, lớn save 10% of your visitors or more, it’s something that you need khổng lồ vày.

Run your trang web through this điện thoại site thử nghiệm khổng lồ get data on what fixes you need for your trang web.

In this next section, I’ll walk you through fixing the top five sầu 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 lớn happen overnight, either. You’ll have sầu lớn bởi some legwork và spover some hours at the grindstone.

But if you want lớn save sầu traffic, drive sầu more conversions, và bring in more revenue, you needkhổng lồ bởi it.

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

Here are the top four ways you can tốc độ up your site & score a perfect 100% with Google.

1. Compress your images

The biggest cause of slow pages và 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 kích cỡ is compression.

You can save an average of một nửa or more on image 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 lớn use a plugin.

My favorite plugin to use is WP Smush ImageCompression & Optimization:

*

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 và detect images that it can compress:

*

If you want to smush tons of new images for your site in bulk, you can upload them directly inkhổng lồ the plugin.

You can smush up khổng lồ 50 images at a single time, making it one of the fasdemo tools on the market:

*

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

*

If you enable this setting, you’ll never have khổng lồ 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.

Xem thêm: Cắt Ảnh Theo Kích Thước Online Miễn Phí, Resize Ảnh Hàng Loạt Online Miễn Phí

WP.. Smush is an excellent, miễn phí tool for the everyday WordPress user.

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

Well, there are tons of other plugins for different sites. For example, if you run a Shopify-based store & 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 khổng lồ start compressing your images and improving your page tốc độ scores.

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

Both are fast, không tính phí tools that allow you to compress up khổng lồ đôi mươi images in a single upload.

Cheông xã out this example imagethat I compressed khổng lồ 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 kích thước from 380KB to lớn 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 lớn page speed.

Fetching the resources to lớn load your website takes a ton of effort. It requires loading each image & page element & then dealing with heavy HTML và coding.

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

And that’s where browser caching can help.

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

When a trang web visitor travels to a new page on your site, all of your data, like logos & footers, won’t need to lớn load again.

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

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

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

*

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

On top of that, they claim (& baông xã 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 into lớn next), JavaScript, and CSS, giving you up to lớn 80% bandwidth savings.

Try using W3 Total Cabịt today lớn give sầu 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 lớn the awesome plugin options of WordPress, you don’t need to lớn be a coding genius khổng lồ fix this.

One of the best tools to bởi this is HTML Minify:

*

You can download this plugin for không tính tiền directly from their site and install it lớn your WordPress trương mục. And you can do it in seconds.

You can also install it directly from this plugin page.

*

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 khổng lồ increase tốc độ, minifying your script is going to lớn be a big win.

Head lớn the settings tab on your Minify HTML plugin and 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 lớn select yes for “Remove HTML, JavaScript & 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

AMPhường. is short for Accelerated thiết bị di động Pages.

It’s a project implemented by Google lớn help điện thoại pages load faster.

It works by making an open-source format that strips away tons of unnecessary nội dung, making your Smartphone pages load nearly instantly.

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

If you browse the Internet on your Smartphone phone, you probably have sầu clicked on an AMP-based article.

Here’s what they look like:

*

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

They don’t have sầu much formatting, which helps them load quickly & deliver the content that the sản phẩm điện thoại user wants khổng lồ see.

When a searcher on Google clicks one of these AMPhường articles, they see the content like this:

*

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 rightto read the next article in the sequence:

*

This feature streamlines the user experience on Smartphone.

Gone are the days where you had khổng lồ wait 10 seconds for a site lớn load, then cliông chồng back khổng lồ the search results page, và wait another 10 seconds for the next site khổng lồ load.

Here you can access the content of multiple articles without clicking the bachồng button once.

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

Tons of companies are taking advantage of AMP.

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

*

They were finding that their thiết bị di động user experience was too slow. Conversions were simply not happening because of the speed issues and visitor retention problems.

Deciding lớn invest time into lớn 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 lớn add AMPhường stories khổng lồ over 100k articles on their site.

Gizmodoalso hopped on the AMP train and saw huge improvementson their điện thoại site.

*

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 1/2, too.

It’s safe lớn say that AMP can significantly increase conversions và di động speed, giving you a massive opportunity khổng lồ score higher on Google’s PageSpeed Insights.

If you want lớn start using AMP on your own site, there are a few ways to lớn vì 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 WP.

*

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

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

*

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

All you have to lớn bởi vì is download & install the plugin on your WordPress dashboard & 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 thiết bị di động search results.

AMPhường. is a proven way khổng lồ speed up your Smartphone site.

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

Conclusion

When you’ve sầu spent countless days, weeks, and months building a new trang web, you want it lớn be perfect.

Every image, element, & icon needs to lớn be top-notch.

But that often leaves you with a trang web that is slower than the best practices mix by Google.

And when it comes lớn driving conversions on your site, tốc độ will always play a big role.

People don’t want khổng lồ wait 10 seconds for your site to load when they can click bachồng lớn Google và select the next result.

And Google is all about providing a good user experience. So if your site is too slow, & 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 cthua as possible to lớn that perfect score.

It should be one of your main priorities when trying to lớn perfect và 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 lớn be the bulk of your work.

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

Next, use a plugin to lớn leverage browser caching. You can find plugins that help your site load much faster & 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 lớn make your pages load instantaneously.

These are proven tools that have sầu 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 khổng lồ succeed.