How to get a perfect 100/100 Google PageSpeed Insights score

A fast site not only enhances the user experience significantly, but it’s also an important SEO ranking factor. So if you make your site open a little faster, you can make an increase in your profit.

google pagespeed insights
google pagespeed insights

One of the best ways to check your site speed and see how you can improve it is to use the Google PageSpeed Insights Tool. It’ll give you a score out of 100 and tell you how you can improve the performance of your site.

In this post, I’ll take a look at how you can fulfill the most common recommendations Google provides and increase site speed.

1. Optimize images

Use tools like Compressor.io and Compresspng.com to compress all your images before uploading them.

These free tools can reduce your image sizes by more than 80% without decreasing the quality of the images. This will make your site load much faster.

If you are using WordPress, instead of downloading all images, manually compress them and upload again, use Smush Image Compression and Optimisation plugin to compress them with a single click.

Also, when you check your site using Google Page Speed Test Tool, it will give you the option to download already optimized images. You can download them and upload them on your server.

Never upload images larger than you need. Don’t upload bigger images and reduce their size using HTML code.

If you need images at 500×500 px in your website, upload 500×500 px images on your server.

Check This: How to drive traffic to your website (7 Steps)

2. Minify CSS & JavaScript

Programmers leave many unnecessary white spaces, characters, and comments in their code.

This can significantly increase the size of CSS & JavaScript files. By minifying CSS & JavaScript, you can remove those unnecessary things.

minify css and javascript
minify css and javascript

If you know your way around your servers, install Gulpjs. It’ll create a new CSS file and remove all white spaces.

It can decrease the size of your main CSS file by more than a half. If you are using WordPress, you can use the Autoptimize plugin.

PageSpeed Tools will also give you an option to download the minified version of your CSS & JavaScript. You can download them and replace the original version on your server.

3. Leverage browser caching

For this, sign up for a Content Delivery Network (CDN) like Cloudflare or KeyCDN. CDN is a network of servers located at multiple places in the world.

These servers copy all the content of your website and keep them. When someone visits your site, your site content will be loaded from the server closest to them.

For example, if your main server is located in North American and someone from Germany visits your site, your site will send the file all the way from North America.

But if you have CDN, your site will be loaded from a server in Europe. This will make your site considerably faster.

4. Reduce render-blocking CSS and JavaScript in above-the-fold content

Doing this can be rather difficult if you are not using WordPress. It requires technical knowledge.

If you are using WordPress, use the Autoptimize plugin. Go to its settings page, uncheck “Force JavaScript in and checkInline all CSS.

5. Enable compression

You can enable GZIP compression in your server settings. If you don’t know your way around servers, ask any technical people for help.

If you are using WordPress, there is, of course, plugins for doing this. You can use caching plugins like W3 Total Cache or WP Super Cache to do it.

If you are using W3 Total Cache, go to Browser Cache settings and check “Enable HTTP (gzip) Compression.”

If you are using WP Super Cache, go to Advanced settings and check “Compress pages, so they’re served more quickly to visitors.”

There is also Check and Enable GZIP compression, which does only this. Just install it and click the “Enable GZIP Compression” button.

6. Reduce server response time

Google wants server response time to be less than 0.2 seconds. If it takes longer than this, Google decreases your score. If you already have CDN, there is no better suggestion than to get a fast web host.

reduce server response
reduce server response

Another thing you can do is to switch to PHP 7 if your host supports it. If you don’t know what version of PHP you have running, install this plugin.

Now go to “At a Glance” on your Admin Dashboard. You’ll see your PHP version.

If you don’t have PHP 7, use the PHP compatibility checker plugin to see if your site is compatible with it. It will scan your code and see if you will face any problem if you switch to PHP 7.

If it gives the green light, change the PHP Version in your server. Again, ask your server admin if you are not comfortable doing it.

7. Remove query strings from static resources

Some proxy caching servers and CDNS don’t cache resources with a “?” in the URL. This can be a missed opportunity for increased speed.

reduce query strings
reduce query strings

You can use plugins like Remove Query Strings From Static Resources to prevent it. It will remove query strings from your static resources like CSS and JavaScript files.

If you don’t wan’t to use another plugin, you can add this to your funtions.php file:

function _remove_script_version( $src ){

$parts = explode( ‘?ver’, $src );

return $parts[0];

}

add_filter( ‘script_loader_src’, ‘_remove_script_version’, 15, 1 );

add_filter( ‘style_loader_src’, ‘_remove_script_version’, 15, 1 );

Have you ever tried to reach the 100/100 mark for your site to increase site speed? Were you successful? Let me know in the comment.

Leave a Comment