在數(shù)字化時(shí)代,網(wǎng)站的加載速度不僅影響著用戶體驗(yàn),更是搜索引擎優(yōu)化的關(guān)鍵因素。搜索引擎對(duì)速度的需求永遠(yuǎn)不會(huì)停止,特別是百度,它現(xiàn)在依靠現(xiàn)場(chǎng)數(shù)據(jù)來衡量網(wǎng)站速度,而非模擬數(shù)據(jù)。這意味著,即使您的網(wǎng)站在您的終端設(shè)備上閃電般快,但使用舊智能手機(jī)的訪問者可能會(huì)遇到延遲,這可能會(huì)影響您的速度分?jǐn)?shù)和網(wǎng)站排名。
以下是我們根據(jù)9大速度優(yōu)化原則列出的最佳建議,以及針對(duì)這些原則的一些解決措施,以進(jìn)一步優(yōu)化您的網(wǎng)站速度。
一、避免登陸頁面重定向
重定向會(huì)延遲頁面呈現(xiàn)并降低移動(dòng)站點(diǎn)體驗(yàn)的速度。每個(gè)重定向都會(huì)添加額外的超文本傳輸協(xié)議(HTTP)請(qǐng)求-響應(yīng)往返,這有時(shí)會(huì)導(dǎo)致執(zhí)行域名系統(tǒng)(DNS)查找、傳輸控制協(xié)議(TCP)握手和傳輸層安全性(TLS)協(xié)商等多個(gè)額外的往返。我們的建議:一個(gè)網(wǎng)站從指定網(wǎng)址到最終目標(biāo)網(wǎng)頁的重定向不超過一個(gè),并盡量避免重定向。
二、啟用壓縮
縮小內(nèi)容的大小可縮短下載資源所需的時(shí)間,減少客戶端的數(shù)據(jù)使用量并縮短頁面的呈現(xiàn)時(shí)間。我們的建議:Gzip所有可壓縮內(nèi)容,同時(shí)考慮使用Brotli壓縮算法,這是一種無損壓縮算法,具有與當(dāng)前可用的最佳通用壓縮方法相當(dāng)?shù)膲嚎s比。
三、改善服務(wù)器響應(yīng)時(shí)間
快速的服務(wù)器響應(yīng)時(shí)間是必要的,因?yàn)?3%的移動(dòng)訪問者會(huì)放棄在三秒鐘內(nèi)未加載的頁面。我們的建議:服務(wù)器響應(yīng)時(shí)間應(yīng)始終低于200毫秒,同時(shí)考慮使用HTTP/2和OCSP裝訂等技術(shù)來加速傳輸。
四、利用瀏覽器緩存
通過實(shí)施緩存策略,可以幫助客戶確定是否以及何時(shí)可以重用過去返回的響應(yīng),從而緩解網(wǎng)絡(luò)延遲并避免數(shù)據(jù)費(fèi)用。我們的建議:靜態(tài)資產(chǎn)的最短緩存時(shí)間為一周,最長為一年,并考慮使用ETag來實(shí)現(xiàn)有效的重新驗(yàn)證。
五、縮小HTML,CSS和JavaScript
縮小可以消除提供給訪問者的資源中的冗余數(shù)據(jù),對(duì)整體網(wǎng)站速度和性能產(chǎn)生巨大影響。我們的建議:消除所有冗余數(shù)據(jù),包括HTML代碼中的注釋或空格符號(hào),CSS中的重復(fù)樣式或不必要的圖像元數(shù)據(jù)。
六、優(yōu)化圖像
圖片平均占網(wǎng)頁大小的60%,優(yōu)化圖像有助于減小文件大小而不會(huì)顯著影響視覺質(zhì)量。我們的建議:確保網(wǎng)站和圖片具有響應(yīng)性,使用圖像的相對(duì)大小,并使用img元素中的srcset屬性和x描述符通知瀏覽器何時(shí)使用特定圖像。
七、優(yōu)化CSS
瀏覽器在呈現(xiàn)頁面時(shí)通常遵循五個(gè)步驟,其中處理CSS標(biāo)記并構(gòu)建CSS對(duì)象模型(CSSOM)樹是關(guān)鍵的。我們的建議:將小CSS直接內(nèi)聯(lián)到HTML文檔中以消除小的外部CSS資源。
八、優(yōu)先考慮可見內(nèi)容
如果首屏內(nèi)容超過了初始擁塞窗口,那么加載內(nèi)容將需要多次往返,這可能導(dǎo)致高延遲和頁面加載的顯著延遲。我們的建議:將重疊內(nèi)容的大小減少到不超過14kB(壓縮)。
九、刪除阻止渲染的JavaScript
在瀏覽器能夠呈現(xiàn)頁面之前,頁面需要通過解析HTML來構(gòu)建其DOM。每次解析器遇到JavaScript時(shí),它必須先停止并執(zhí)行這個(gè)新腳本,然后才能繼續(xù)構(gòu)建DOM樹。我們的建議:在首屏內(nèi)容中刪除所有阻止JavaScript,尤其是外部腳本。
最后,結(jié)論:測(cè)試速度更新的結(jié)果。移動(dòng)網(wǎng)站在SERP中的位置與其平均優(yōu)化分?jǐn)?shù)之間的相關(guān)性已經(jīng)非常高,而網(wǎng)站的第一個(gè)內(nèi)容繪制(FCP)和DOM內(nèi)容加載(DCL)指標(biāo)對(duì)您的網(wǎng)站位置幾乎沒有影響。這告訴我們,對(duì)網(wǎng)站的速度優(yōu)化要求越來越高,作為SEO優(yōu)化人員,您不能自滿,需要不斷進(jìn)行調(diào)整和改進(jìn),以免被競(jìng)爭(zhēng)對(duì)手超越。