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

捆綁文件

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

CSS Sprites

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

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

Image Maps

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

Inline images

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

多一份資源就多一個(gè)http請(qǐng)求，以上的方法對(duì)于資源多的網(wǎng)站來(lái)說(shuō)事十分有用的，這技能一定要get到！

總結(jié)

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

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