很多企業(yè)的網(wǎng)站訪問(wèn)速度慢，就需要做網(wǎng)站訪問(wèn)速度優(yōu)化，今天來(lái)聊一下網(wǎng)站頁(yè)面加載速度的重要性，為什么要做網(wǎng)站訪問(wèn)速度優(yōu)化？

導(dǎo)語(yǔ)：2018年8月，百度搜索資源平臺(tái)發(fā)布的《百度移動(dòng)搜索落地頁(yè)體驗(yàn)白皮書(shū)4.0》（簡(jiǎn)稱(chēng)《白皮書(shū)4.0》），為幫助大家更好地理解白皮書(shū)4.0，我們推出了《白皮書(shū)4.0專(zhuān)題解讀》，將對(duì)大家感興趣的點(diǎn)進(jìn)行詳細(xì)解讀，敬請(qǐng)關(guān)注。

《白皮書(shū)4.0》中強(qiáng)調(diào)“頁(yè)面的首屏內(nèi)容應(yīng)在1.5秒內(nèi)加載完成”。為什么會(huì)提出頁(yè)面的首屏內(nèi)容應(yīng)在1.5秒內(nèi)加載完成呢？通過(guò)哪些方式可以加快加載速度呢？《百度移動(dòng)搜索落地頁(yè)體驗(yàn)白皮書(shū)4.0專(zhuān)題解讀》之《頁(yè)面加載速度的重要性》，將為你解答。

一、用戶(hù)期待的速度體驗(yàn)

移動(dòng)互聯(lián)網(wǎng)時(shí)代，用戶(hù)對(duì)于網(wǎng)頁(yè)的打開(kāi)速度要求越來(lái)越高。百度用戶(hù)體驗(yàn)部研究表明，頁(yè)面放棄率和頁(yè)面的打開(kāi)時(shí)間關(guān)系如圖1所示。

圖 1 頁(yè)面放棄率和頁(yè)面的打開(kāi)時(shí)間關(guān)系

根據(jù)百度用戶(hù)體驗(yàn)部的研究結(jié)果來(lái)看，普通用戶(hù)期望且能夠接受的頁(yè)面加載時(shí)間在3秒以?xún)?nèi)。若頁(yè)面的加載時(shí)間過(guò)慢，用戶(hù)就會(huì)失去耐心而選擇離開(kāi)，這對(duì)用戶(hù)和站長(zhǎng)來(lái)說(shuō)都是一大損失。

二、“閃電算法”的支持

為了能夠保障用戶(hù)體驗(yàn)，給予優(yōu)秀站點(diǎn)更多面向用戶(hù)的機(jī)會(huì)，“閃電算法”在2017年10月初上線。閃電算法的具體內(nèi)容如下：

移動(dòng)網(wǎng)頁(yè)首屏在2秒之內(nèi)完成打開(kāi)的，在移動(dòng)搜索下將獲得提升頁(yè)面評(píng)價(jià)優(yōu)待，獲得流量?jī)A斜；同時(shí)，在移動(dòng)搜索頁(yè)面首屏加載非常慢（3秒及以上）的網(wǎng)頁(yè)將會(huì)被打壓。

首屏作為直面用戶(hù)的第一屏，其重要性不言而喻。根據(jù)百度用戶(hù)體驗(yàn)部的研究結(jié)果，《白皮書(shū)4.0》提出，首屏內(nèi)容應(yīng)在1.5秒內(nèi)加載完成。

三、技術(shù)建議

廣大站長(zhǎng)優(yōu)化頁(yè)面首屏加載時(shí)間，優(yōu)化的技術(shù)建議包括但不限于:

資源加載：

1.將同類(lèi)型資源在服務(wù)器端壓縮合并，減少網(wǎng)絡(luò)請(qǐng)求次數(shù)和資源體積。

2.引用通用資源，充分利用瀏覽器緩存。

3.使用CDN加速，將用戶(hù)的請(qǐng)求定向到最合適的緩存服務(wù)器上。

4.非首屏圖片懶加載，將網(wǎng)絡(luò)帶寬留給首屏請(qǐng)求。

頁(yè)面渲染：

1.將CSS樣式寫(xiě)在頭部樣式表中，減少由CSS文件網(wǎng)絡(luò)請(qǐng)求造成的渲染阻塞。

2.將JavaScript放到文檔末尾，或使用async方式加載，避免JS執(zhí)行阻塞渲染。

3.對(duì)非文字元素（如圖片，視頻）指定寬高，避免瀏覽器重排重繪。

四、結(jié)語(yǔ)

當(dāng)然，整站的加載時(shí)長(zhǎng)對(duì)用戶(hù)的體驗(yàn)都有莫大的影響。提高全站的速度體驗(yàn)才是我們應(yīng)該一起追求的目標(biāo)。站點(diǎn)可以結(jié)合自身情況升級(jí)技術(shù)棧，也可以使用通用加速方案（如MIP、AMP）對(duì)網(wǎng)頁(yè)進(jìn)行綜合加速。