Optimizing (Offsetting) CSS delivery

Going on with my page speed obsession, I finally learned how to offset unneeded css until after all the critical above the fold content has loaded. (This includes webfonts!)

Google has written all the code for you. All you need to do is put your non-critical css inbetween the no-script tags.
https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

I suppose this optimization has no effect for anyone who browses with css turned off. :wink:

1 Like