Google PageSpeed - Eliminate render-blocking CSS

230 Views Asked by At

I'm trying to get 100/100 mark at Google PageSpeed. I currently have 91/100 and there is only one possible optimalization - render-blocking CSS.

I put some most important CSS in the <style> tag in the <head>, as recommended . However, I have ~500 lines .css file with the rest CSS, that makes the website fancy. I tried moving the <link/> after the </body> or the </html> tag, so it's not blocking anything, but, when I load the page even on a fast internet connection, I first see just a plain, not very fancy text, and then it changes to what I want as the css loads, but PageSpeed is still giving me only 91 points because of this.

I also have mod-pagespeed installed on my Apache2 server.

What is the proper way to insert this CSS so Google will be fine with it?

0

There are 0 best solutions below