As we are talking about reducing the page load time, one quick way to do so is by removing redundancies in the CSS file itself:
- Using #FFFFFF ? Switch to #FFF, which is the same RGB value represented in short.
- Do not add px after a properties value if the value is 0.
- Use minification if not being used already. This concatenates all the CSS files in use and removes all the whitespace and newlines.
- Use GZip to compress the minified file while transferring it over the network. It is very easy, and browsers are very good at unzipping the files efficiently.
- Be aware of browser-specific optimizations at hand. For example, in case of Chrome, we do not have to apply styles in the rgba(x,y,z,a) format. We can ...