How To Get 100 PageSpeed Score On Test My Site – Google


Okay, it’s not exactly what I got – a perfect PageSpeed Score 100. But take a look at the results I achieved with no code editing at all and by using just 3 WordPress plugins. And then decide whether to follow my tips or not:

 

How To Get 100 PageSpeed Score On Test My Site - Google

 

And just to emphasize the difference that these plugins have made to the score, I started optimizing BloggerStop with these scores two days back:

 

Improve-Google-PageSpeedStarted-to-100

 

Once again, I did not do any editing in the code and simply tried a number of plugins which won’t cost a penny and did the magic of doubling the score for my blog.

Before I reveal the names of the plugins which got me a Google PageSpeed score of almost 100, let’s see which plugins did not work for me. They are quite famous and are recommended by several others to improve your Google PageSpeed score. But with these results you can be certain that not all plugins will work for everyone. You too can try some of them, if the suggested plugins in this article do not work for you.

PageSpeed Score With WP Plugins That DID NOT WORK

WordPress Speed Optimization PluginMobile FriendlinessMobile SpeedDesktop Speed
With Comet Cache994858
With WP Super Cache994858
With Autoptimize1005667
With W3 Total Cache All Settings1006073
With Above The Fold Optimization996261
With WP Super Simple Speed996274
With WP Speed of Light Advance Settings1006476

First Check Your PageSpeed Score With Google

Let’s see what Google expects from a website and how you can meet those expectations.

 

Think-With-Google-Logo

 

Simply go to TestMySite By Google and check currently where does your website stand.

Now if you are ready with your score card, then let’s optimize it…

#1 How To Make The Website Mobile Friendly

What Google Says…

Avoid plugins
Configure the viewport
Size content to viewport
Size tap targets appropriately
Use legible font sizes

Translating it to English (by removing the jargon), it just says that the content of the website should be clearly visible, readable and should responsively (elastically) fit in the mobile screens. That means, users should not scroll horizontally, either to read the text or to view an image or a video. Everything should be responsive (including embedded YouTube videos)
So, this score (which grades how mobile friendly your website is) entirely depends on the template you are using (plus the plugins or other external scripts that are present in your website).

Solution For Having A Mobile Friendly Website

The easiest way to score a complete 100 over here, is to use a responsive and minimalist template. Before purchasing or downloading a template, check the url of the demo website with Google’s tool and check whether it is mobile friendly or not.

#2 How To Improve Website Loading Speed On Mobile Devices

What Google Says…

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Leverage browser caching
Reduce server response time
Optimize images
Enable compression
Avoid landing page redirects
Minify CSS
Minify HTML
Minify JavaScript
Prioritize visible content

Too many things to handle here?
Let me group them into just two categories for you:

  1. Optimize Images
  2. Optimize everything else

Optimize JavaScript, CSS, HTML, Browser Cache etc.

To fix everything else other than images (like CSS, Javascript, Browser Caching etc. ) we have a single plugin (actually it’s a combination of two plugins) that can help you score anything above 90.

 

PageSpeed-speed-optimize-with-xtraffic2

 

  1. WP Optimize By xTraffic
  2. WP Optimize Speed By xTraffic

Once installed, go to your WP Dashboard -> WP Optimize -> Optimize Speed

And select all the recommended settings.

NOTE: I did not select Enable Combine CSS as it was causing some issue with my site’s display.

 

Plugin-WP-Optimize-Speed-xTraffic-Settings

 

To Optimize Images In Your Blog

If you have too many images in your blog, then it’s not easy to resize them all manually. I again used a combination of two plugins for this:

  1. ImageRecycle pdf & image compression
  2. Compress JPEG & PNG images

ImageRecycle pdf & image compression is free to use for some time, so I used it to compress all the existing images on my blog.

 

Plugin-Compress-JPEG-PNG-Images

 

And for all new/future image uploads, I installed Compress JPEG & PNG images.

 

Plugin-ImageRecycle-Iamge-PDF-Optimizer

 

#3 How To Improve Website Loading Speed on Desktop Devices

What Google Says…

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Leverage browser caching
Reduce server response time
Optimize images
Enable compression
Avoid landing page redirects
Minify CSS
Minify HTML
Minify JavaScript
Prioritize visible content

Nothing to do here. If you have optimized your website for Mobile devices, using the three WP plugins mentioned above, then it will get automatically optimized for desktop devices as well.

Once you are all set, go back to TestMySite with Google and check your new PageSpeed score. I will be more than happy to hear your improvements in the comments section below.


And just for fun, I tried testing www.TestMySite.ThinkWithGoogle.com itself on the testing tool. And surprising even it doesn’t score a perfect 100 😛

 

Google TestMySite Self PageSpeed Score

 

Leave a Reply

Be the First to Comment!

Notify of
avatar
wpDiscuz