"Your page has 11 blocking CSS resources. This causes a delay in rendering your page."

1,511 views
Skip to first unread message

Nick Drew

unread,
Dec 15, 2013, 5:11:14 PM12/15/13
to pagespeed-ins...@googlegroups.com
Hi,

Google Pagespeed is telling me to remove the 11 blocking CSS resources: http://developers.google.com/speed/pagespeed/insights/?url=www.arabel.co.uk&tab=desktop

My problem is that as far as I can tell, none of the recommendations are really viable: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Is there anything else I can do? The desktop score is at 88 so there's still lots of room for improvement :(

Thank you

Miguel García Sánchez - Colomer

unread,
Dec 16, 2013, 11:41:06 AM12/16/13
to pagespeed-ins...@googlegroups.com
88 it's a good desktop score. A way ti solve the css render blocking it's to inline the css code. Do you know how to do it?

Nick Drew

unread,
Dec 23, 2013, 6:32:25 AM12/23/13
to pagespeed-ins...@googlegroups.com
Thank you for the response, to inline the CSS code is it a case of using <style type="text/css">css here</style> at the top of the page?

I'm tempted to do something like that, but unfortunately since I'm using a custom theme on OpenCart I'm not entirely confident I know the setup well enough to start hacking it apart

Miguel García Sánchez - Colomer

unread,
Dec 23, 2013, 5:05:39 PM12/23/13
to pagespeed-ins...@googlegroups.com
Anyway Nick, 88 it's a great score. Try to optimize the images and you'll get some extra points but it's a good score.

Best regards,

Daniel Bathgate

unread,
Dec 27, 2013, 2:03:00 PM12/27/13
to pagespeed-ins...@googlegroups.com
Hi Nick,

As it looks like you are using Apache, you may want to look into mod_pagespeed (https://developers.google.com/speed/pagespeed/module). It can perform many optimizations, such as combining, inlining, or prioritizing critical CSS automatically. 

Daniel

Dory Saputro

unread,
Jan 11, 2014, 11:20:01 AM1/11/14
to pagespeed-ins...@googlegroups.com
Hi Nick Drew,

By the way 88 is a good score for web loading speed. Congratulation for you.

I'm using blogger platform on my blog. The easiest way I know to optimize css delivery is just parse the code < head > and closing code < / head > tag in your html page. This works for me. But unfortunately, I do not know if it clears for a platform other than the bloggers.

Just parse the two above code, do not parse all the code contained in them.

If you want to know the results of speed ​​loading on my blog. You can check at http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fblog-seo-friendly-2013.blogspot.com%2F&tab=desktop. Hope it helps.

Warm regards,

Dory Saputro
Reply all
Reply to author
Forward
0 new messages