80%的響應時間花在下載網頁內容(images, stylesheets, javascripts, scripts, flash等)。減少請求次數是縮短響應時間的關鍵！可以通過簡化頁面設計來減少請求次數，但頁面內容較多可以采用以下技巧。

捆綁文件

現在有很多現成的庫可以幫你將多個腳本文件捆綁成一個文件，將多個樣式表文件捆綁成一個文件，以此來減少文件的下載次數。

CSS Sprites

就是把多個圖片拼成一副圖片，然后通過CSS來控制在什么地方具體顯示這整張圖片的什么位置。主要涉及到的css知識是background-position。來看一個京東網站的案例：

把6個小圖標合并成一張圖片，減少網絡請求。

Image Maps

也是將多幅圖拼在一起，然后通過坐標來控制顯示導航。主要使用到map標簽，具體教程，網上一搜就有。

Inline images

通過編碼的字符串將圖片內嵌到網頁文本中。

多一份資源就多一個http請求，以上的方法對于資源多的網站來說事十分有用的，這技能一定要get到！

總結

以上是生活随笔為你收集整理的性能优化篇(1)：原来罪魁祸首的是http请求数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。