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

捆綁文件

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

CSS Sprites

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

把6個小圖標(biāo)合并成一張圖片，減少網(wǎng)絡(luò)請求。

Image Maps

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

Inline images

通過編碼的字符串將圖片內(nèi)嵌到網(wǎng)頁文本中。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。