如何提升網(wǎng)站頁(yè)面的加載速度
文章出處:本站 │ 網(wǎng)站編輯:黑馬網(wǎng)絡(luò) │ 發(fā)表時(shí)間:2015-12-5 12:03:35 │
一、代碼精簡(jiǎn) 對(duì)網(wǎng)頁(yè)代碼進(jìn)行塑身,刪除不必要的冗長(zhǎng)代碼,比如不必要的空格、換行等都需要清除; 二、合并JS文件和CSS 如果一個(gè)頁(yè)面的JS文件較多,就需要進(jìn)行多次的GET請(qǐng)求,大大延長(zhǎng)了網(wǎng)站頁(yè)面的加載速度,所以當(dāng)將JS代碼與CSS樣式合并到一個(gè)共享的文件時(shí),自然就減少GET請(qǐng)求次數(shù),網(wǎng)站頁(yè)面的加載速度也會(huì)加快; 三、壓縮圖片和文本 眾所周知,無(wú)論是文本還是圖片都是會(huì)延長(zhǎng)網(wǎng)站頁(yè)面的加載速度的,這時(shí)如果你使用GZIP壓縮技術(shù),就可以有效地減少頁(yè)面的加載時(shí)間; 四、sprites圖片技術(shù) 是一種網(wǎng)頁(yè)圖片應(yīng)用處理方式,它能將一個(gè)頁(yè)面中涉及到的所有零星圖片都包含到一張大圖上去,然后利用CSS技術(shù)展現(xiàn)出來(lái),可以有效減少HTTP請(qǐng)求次數(shù),從而實(shí)現(xiàn)減少網(wǎng)站頁(yè)面加載時(shí)間; 五、延遲顯示可見區(qū)域外的內(nèi)容 為了確保訪客可以更快地看見延遲顯示可見區(qū)域外的內(nèi)容,可以使用點(diǎn)位符標(biāo)簽制定正確的高度和寬度來(lái)延遲加載; 六、圖片格式優(yōu)化 我們都知道一個(gè)全是圖片的網(wǎng)站,它的打開速度是相對(duì)其它以文本為主體的網(wǎng)站的打開速度是有一定差距的。正確的圖片格式是可以大大減少圖片的請(qǐng)求時(shí)間,從而加快網(wǎng)站頁(yè)面加載速度的; 七、延長(zhǎng)執(zhí)行非必要腳本 其實(shí)在我們的網(wǎng)站中,很多網(wǎng)頁(yè)中的腳本是在頁(yè)面沒完全加載守都不需要執(zhí)行的,那么例如評(píng)論、廣告等都可以等頁(yè)面主體內(nèi)容加載完成后再執(zhí)行,從而增加頁(yè)面的的加載速度;




