The sections on “deferring CSS” and “inlining CSS” in the FAQ explain your options Polomm. 🙂
There’s also some info in this blog post I wrote a couple of months ago.
Hope this helps,
frank
Thread Starter
Polomm
(@polomm)
Thank you for your prompt response. Before I wrote my first message I found this blog, read faq. Tried online method “inlining CSS”, it led to other errors. Probably suitable method “deferring CSS”, but how to split an existing CSS? How to select the first part, which will remain in the head? (1st item in the list “What is the use of deferring CSS?” In FAQ)
Thread Starter
Polomm
(@polomm)
O,about error with “inlining CSS”:Prioritize visible content,Only about 2% of the final above-the-fold content could be rendered with the full HTML response .
yeah, optimization can be a pain 🙂
if inlining doesn’t cut it for you (depends on theme and plugins used really), you could indeed try deferring, but splitting CSS is to be done by hand. the first part should contain all CSS (or as much of the CSS for) needed to render the page above the fold. There is no easy way to determine what the CSS is, I’m afraid.
That being said, don’t focus on “pagespeed score” but rather on real page speed tests using http://www.webpagetest.org/.
frank
