PageSpeed Achievement unlocked
My PageSpeed Insights results :bowtie: :triumph:
Happy to say that I have achieved an almost perfect Google's PageSpeed Insight score for both Mobile and Desktop with the home page of my own - simple - little website: http://blog.johanbove.info.
PageSpeed Mobile & Desktop Test Score card
98/100 Speed - 9 Passed Rules
The only rule I have to consider fixing is the "leverage browser caching" rule. I failed that test because of two externally linked files: my "avatar" image from www.gravatar.com and the Google Analytics script. :stuck_out_tongue_winking_eye:
Below you can find the rules I did pass with flying colors:
|:white_check_mark:||1.||Avoid landing page redirects||Your page has no redirects.|
|:white_check_mark:||3.||Enable compression||You have compression enabled.|
|:white_check_mark:||4.||Minify CSS||Your CSS is minified.|
|:white_check_mark:||5.||Minify HTML||Your HTML is minified.|
|:white_check_mark:||7.||Optimize images||Your images are optimized.|
|:white_check_mark:||8.||Prioritize visible content||You have the above-the-fold content properly prioritized.|
|:white_check_mark:||9.||Reduce server response time||Your server responded quickly.|
100/100 User Experience
No issues found! Easy to achieve with a simple site like this. Here's Google's advice for a perfect UX.
- Avoid plugins
- Configure the viewport
- Size content to viewport
- Size tap targets appropriately
- Use legible font sizes
I'm sure there are still more optimizations I can work into this site for better accessibility etc. But I haven't tested the site yet for that.
And I will have to test every single page of this site though for the complete picture...
But I believe the PageSpeed Insight test proves that with a simple site like this blog you should be able to fully achieve a fast delivery of your pages on all devices.
Learn more about the Web Performance tools by Google.