如何减少HTTP请求？

Question

I analyzed my site and I found I have a Grade F on Make fewer HTTP requests with this description :

This page has 6 external Java script scripts. Try combining them into > one. This page has 3 external style sheets. Try combining them into > one. This page has 18 external background images. Try combining them > with C SS sprites.

How can I Make fever? How can I combine images using C SS sprites?

Answer 1

You'll want to look in to preprocessors that make this job a lot easier. Preprocessors are available for javascript external files as well as css (SASS and LESS among others). The alternative is combining the stylesheets yourself, but these programs will automatically do it and some often minify your stylesheets as well to improve speed.

https://code.google.com/p/jsmake-preprocessor/

http://sass-lang.com/

As for the sprite images, depending on your images it could be unrealistic to put them into sprites. It works well for icons and things small in nature, but is a hassle for things like large background images, etc. The reason I say that is because you will have to modify and adjust the sprite every time as opposed to making a simple CSS change. It's a cost / benefit analysis based on how much request time you save.