Question about “Avoid CSS @import” by Google’s PageSpeed Insights

[Dev]

Hi. I have a few questions concerning my CSS file.

I preformed a speed test on my website with the PageSpeed Insights in Google WebMaster Tools and the results was not good (I got an “F”…49%) and it was recommended (besides a few other things) that using CSS @import in an external stylesheet can add additional delays during the loading of the web page. The below is what is at the top of my CSS Stylesheet:

@charset “iso-8859-1”;
@import url(‘layout00.css’);

Google recommends that I use the tag instead of CSS @import.

Why is Google recommending this when already have the link tag in the html of my website:

view-source:http://www.headcoverings-by-devorah.com/

Is Google meaning for me to put a link tag to the “layout00.css” file also?

Also, what is the @import url(‘layout00.css’); needed for anyway since when you view it there is only “0” in the values. Can I remove this from the stylesheet and my website still render properly in browsers and for Google?

http://www.headcoverings-by-devorah.com/styles/layout00.css

I did not originally do the template of my site so I am not sure what Google is recommending that I do and would appreciate any help.

Dev

[chrisburton]

Isn’t it proper to put your stylesheet after the meta tags and title but before your scripts?

[Dev]

Thank you so much for your help!

Btw, do I put the “optimized version” of the analytics script just like this:

[chrisburton]

@Dev

[Author]

Posts