Table of Contents
Introduction
I have been testing how responsive my blog is and PageSpeed Insights give me a pretty good idea of the result. Certainly there are always improvements to be made but for now I am quite glad that the site is snappy.
Check my blog’s PageSpeed Insights Score
I also tried out Lighthouse, an open source tool to audit my site’s performance. The result is here in json or you can download the file and use Lighthouse Report Viewer for the graphical view.
Some other tools to test your site are Pingdom and GTmetrix
Things I have done to improve speed
Leverage Cloudflare for its SSL and CDN service
Cloudflare CDN ensures that my site is highly available and fast. Its SSL service also ensures your connection to my site is secure.
Load scripts asynchronously
Since scripts by default will block the rendering of the page, I use async attribute to have them loaded asynchronously.
Less use of style and scripts
The more scripts and styles a page has, the slower it becomes. I try not to overload the site with these things.
I also include CSS and javascripts directly on the page if they are small to reduce HTTP calls to fetch them.
Lazyload images and webp format
I optimize the images by converting them to webp format and using lazyloading so they take less time to load and render.
Conclusion
To be clear, I do not think having a high score means the website is awesome. It also has to do with other factors like quality of content. That said, user experience is very important and we should not make the users wait to view our content.