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?