CSS / JS Optimisation


#1

Hi,

Sorting my site out for speed etc, its already very good but just thought I’d ask the questions regarding these:

  • CSS total size could be smaller

  • Too many external CSS files

  • Render blocking CSS files

  • This page has 5 external Javascript scripts. Try combining them into one.

  • This page has 6 external stylesheets. Try combining them into one.

  • Render blocking JS found (3)

  • 112.0KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.

Now I know you could probably minify the CSS and JS further, but what about merging CSS / JS files together etc for less requests etc. I wondered if this was anything that could be improved upon within Blocs although I assume this is no small task.


#2

I don’t know where you are testing, but some of the old guidelines are out of date with http2. https://yoast.com/performance-optimization-http2/


#3

Will have a read of it now. Thanks. I’m using GTMetrix.


#4

If you make use of the various options in Blocs at export I think you are pretty well placed and I’ve yet to see a slow loading site built with Blocs.

screenshot_357

Ironically, Blocs sites often score badly when tested on places like Google page speed insights because the testing tools themselves are out of date!

In practice, Blocs sites are fast and if you have a server with features like Lightspeed they can be really fast. All the normal rules like properly optimised images still apply.


#5

Nice one, yes my site is quite optimised for images, keep-alive, gzip etc but just wondered about this.


#6

Just found a good write up here https://deliciousbrains.com/performance-best-practices-http2/