Skip to content

Resolve "Run a PageSpeed test"

Georgios Andreadis requested to merge 159-run-a-pagespeed-test into development

I ran a Google Lighthouse audit to identify what we need to change to improve page speed. These are the things I did to address the issues, raising our performance score from 66 to 97:

  • Marked all scripts as defer (except inline ones). This required some changes to the way we load them, because previously, we used jQuery for this, but jQuery itself should also be deferred.
  • Optimized all images that we have, reducing their size by up to half (on average around 35% savings per image)
  • Compressed the CSS we output and use minified versions of Font Awesome (we didn't do that before).

We could in the future also defer CSS loads, but that's a bit more complicated, because you need JavaScript for that. To support browsers that have this disabled, we would need duplicate each CSS stylesheet rel, and I don't think the reduced code quality is worth the speed gain. For more info, see this article.

Closes #159 (closed)

Edited by Georgios Andreadis

Merge request reports