百(bai)度上(shang)線 “閃電(dian)算(suan)法”上(shang)線,移動搜索(suo)頁(ye)面首屏加載時間將影響搜索(suo)排(pai)名。
1、閃電算法的(de)意義
百度(du)用(yong)(yong)戶體驗部研究表明,用(yong)(yong)戶期望(wang)且能夠接受的(de)頁面加載(zai)時間(jian)在3秒以(yi)內。若頁面的(de)加載(zai)時間(jian)過慢,用(yong)(yong)戶就會失(shi)去耐心而選擇(ze)離開(kai),這對用(yong)(yong)戶和站(zhan)長來說都(dou)是一(yi)大損失(shi)。“閃電算法”不(bu)僅體現了百度(du)移動(dong)搜索對于頁面加載(zai)速度(du)更加重視的(de)決心,也體現了百度(du)移動(dong)搜索希望(wang)站(zhan)長能夠站(zhan)在和用(yong)(yong)戶共贏(ying)的(de)角度(du)對網站(zhan)進行優化的(de)期待。
2、2秒之內(nei)完成打開
閃電算法首次明確,移動(dong)網頁首屏(ping)在(zai)2秒(miao)之內完成打開的,在(zai)移動(dong)搜索(suo)下將(jiang)獲得提(ti)升頁面評價優待,得到更多展現機(ji)會;同時,在(zai)移動(dong)搜索(suo)頁面首屏(ping)加載非常慢(man)(3秒(miao)及(ji)以上)的網頁將(jiang)會被打壓(ya)。首屏(ping)加載完畢在(zai)2~3秒(miao)之內的頁面,頁面評價不升不降(jiang)。
如何(he)降低(di)網站首頁的(de)打開時間(jian),優(you)化(hua)的(de)加載時間(jian)的(de)技術分享。
資源加載(zai):
1、將同(tong)類型資源(yuan)在服務器端壓縮合并,減少(shao)網絡請求(qiu)次數和資源(yuan)體積(ji)。
2、引用(yong)通用(yong)資源,充分利(li)用(yong)瀏覽器(qi)緩存。
3、使用CDN加速,將(jiang)用戶的(de)(de)請求定向到(dao)最合適的(de)(de)緩存服(fu)務器上。
4、非首屏圖片懶加載,將網絡帶寬留給首屏請求。
5、使用通(tong)用加(jia)速(su)方案(如MIP、AMP)對(dui)網頁進行綜合加(jia)速(su)。
頁面渲染(ran):
1、將CSS樣式寫在(zai)頭部樣式表(biao)中,減少由CSS文件網絡請求(qiu)造(zao)成(cheng)的渲染阻塞。
2、將JavaScript放到文檔末尾,或(huo)使用async方式加載,避免JS執(zhi)行(xing)阻塞渲染。
3、對非(fei)文字元素(如(ru)圖片,視頻)指(zhi)定寬高,避(bi)免瀏覽器重排(pai)重繪(hui)。
來源:易優網站(zhan)