: Exactly what is Google's PageSpeed Service recommending and how to optimize CSS? Looking at my webmaster tools, Google kindly recommended that I could further increase the performance of some of

@Heady270

Some other tips for optimizing CSS:


Losslessly compress the CSS before serving it. I use yui compressor
For page rendering time, applying CSS rules based on Id is much more efficient than applying CSS rules based on class. So use #mydiv rules when possible rather than .mydiv rules. This is because browsers typically implement a hashmap for quickly looking elements by id, but have to search the dom to find elements by class. When using class rules, limit the search by telling the CSS which section of the page they are found in. For example #myheader .myheaderlink rather than just .myheaderlink.

Vote Up Vote Down

@Cugini213

Some ways to optimize CSS so that improves page performance:


Remove unused CSS rules: Audits tab within Google Chrome
Developer Tools (Ctrl+Shift+I) lists unused selectors as part of its
performance recommendations
Minify CSS - Minification is the
practice of removing unnecessary characters from code to reduce its
size thereby improving load times. When code is minified all comments
are removed, as well as unneeded white space characters (space,
newline, and tab). Use YUI Compressor or one of the many online CSS
minification tools.
Enable Gzip data compression -
Compressing resources with gzip or deflate can reduce the number of
bytes sent over the network.

Vote Up Vote Down