How To Fix Top 5 PageSpeed Problem on Google Pagespeed insight

You just created a new website that you spent days working over and over the design and weeks in production with countless hours of edits.
But there’s a problem You find that your brand new, beautiful website is not as fast as you need it to be.
If you don’t have a fast website, people will bounce faster than you can say “Traffic”

But first let outline the reason why your website faill to load faster
Poorly written code
Bulky images (taking up too much space)
Browser caching
Large HTML,css,JavaScript
Third - party plugins

It is the goal of any webmaster to optimize their website so as to minimize its loading time.
A fast-loading page goes a long way in improving your website's user experience.
For example, a user might need to scroll down quite a bit in order to read the content on your site.

The time wasted between the page loading, and before the user can start interacting with your website counts as much as the initial loading time. Well, this is where the Page-Speed Insights come in.



The Page-Speed Insights Tool provides valuable information regarding your website, and how you can optimize it for better effect.


It's new user-experience rules can help you find and fix the usability issues found on your website.

Go to Google PageSpeed insight and

Run your website through the 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.

5 instant ways to score a perfect 100% on page-speed insight

1.Compress your images
The problem of most website is large images.
When I discovered and 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 60% 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.

WP Smush Image Compression and 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 and 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 into the plugin.
You can use other pugin or free tool like:
Crush.pics
Comprss JPEG
Optimizilla

2.Use browser caching (leverage)
Browser caching is another aspect that can make a big impact 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.
That will result in a big increase in speed when people land on your site.
Try using W3 Total Cache for WordPress sites.

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 refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on.
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 known much about coding to fix this.
Some of the best tools to do this is
Html-- HTML minify
CSS-- cssnano
JavaScript-- uglifyjs

4.Avoid third - party plugin
Avoid plugins as much possible most smartphones don’t support Flash or other browser plugins, so make sure your mobile site doesn't rely on plugins.
You can read more about these rules in Google help sections.

5.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:

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.

AMP is a proven way to speed up your website

Question about anything not covered in the post? Leave them in the comments

Source: https://joesplus..com/2018/10/instant-way-to-score-100-on-google.html?m=1