DareBoost: Analyse your web pages performances and improve them

With few little steps you can really improve the performances of your web page.

I recently migrated to the latest version of Ghost Blog platform (v1.0.2 at the moment I'm writing this article) and, during the migration, due to an huge work to completely rewrite my blog theme, I decided to start back modifying Casper: the Ghost default theme adding back some basic functionalities I need (such as Google Analytics, Disqus and the CookieBar plugin). You can check the version I made here: https://github.com/mmornati/Casper

Performing this migration I also decided to check my page web performances using DareBoost.

On the first test I did locally (using ngrok) the result was not so cool: kepxbbm6sxghooj059at

  • The page size was really impressive (more than 2 Mb)
  • Some resources was missing
  • A couple of images was loaded using the http instead of https
  • Some security problems requiring HTTP Headers injections

In this first test, considering it was done locally on my laptop, I didn't take care a lot to the page fully load time because it could be related to my connection.

I than just follow the list of improvements proposed by DareBoost in the generated report and with few iterations I got a pretty good final result. jrar8cqudtk8n0z6apvt

The home page size decrease to 947Kb. l5dt9suulfpyf8wkimhe

Most of the work was done on Cloudinary, which is the service I'm using to store my blog images. I will talk about the improvements to the plugin in another article, but, thanks to @aphe which made a pullrequest to use the Cloudinary Image Manipulation API, now when we are uploading images the one used on the webpage is a compressed version of the original (based on the configuration you put on the plugin). Stay tuned if you are interested on this part... but if you can't wait, the information are on this github repository