性能优化篇(1):原来罪魁祸首的是http请求数
生活随笔
收集整理的這篇文章主要介紹了
性能优化篇(1):原来罪魁祸首的是http请求数
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 性能优化篇(2):不能忽视的DOM元素
- 下一篇: [云炬创业基础笔记]第四章测试20