I've build my own template using bootstrap, jQuery and LESS. The problem is that when i run my website through the google pagespeed insights, I keep getting the problem "Eliminate render-blocking JavaScript and CSS in above-the-fold content" on my css file. It is talking about my css file that gets compiled by my .LESS file.

But I don't know how to get this fixed. I'm pretty new to OctoberCMS, and I was wondering if any of you could maybe help me?

It's not related to October but to the code (template) you have created. Maybe you can find some more info here.

Thank you for your awesome answer philipptempel! But after trying al sorts of different themes from the OctoberCMS store, i've found out that all of them give an "Eliminate render-blocking Javascript and CSS in above-the-fold content" problem. Maybe it is something to look at, because i've not been able to fix it using the link you gave me.

This is not an OctoberCMS issue, its how you code the template, in which most templates are not taking this into consideration. This has to do with page speed and doesn't mean the site is broken. https://varvy.com/pagespeed/render-blocking.html

Last updated 7 years ago

Hi rednax, You may try to use the tool at sitelocity.com It will generate critical css you need to inline in the head tag. The tool will also combine all your css files into a single one which is available for download. Further, you may use the provided code to load the css file after the initial page load. I managed to get 99 on google page insights. Of course I also managed to optimize js delivery.