目前如何更好的提升用戶的瀏覽體驗(yàn)已成為搜索引擎和站長共同重視的問題,百度在移動(dòng)落地頁體驗(yàn)白皮書4.0中規(guī)定頁面的首屏內(nèi)容應(yīng)在1.5秒內(nèi)加載完成。百度搜索對(duì)用戶行為的研究表明,頁面首屏的加載時(shí)間在1.5秒以內(nèi)的頁面,會(huì)帶給用戶流暢快捷的極速體驗(yàn)。
一般造成網(wǎng)站打開速度慢的原因有關(guān)鍵子資源耗時(shí)較嚴(yán)重、頁面存在額外跳轉(zhuǎn)、主文檔耗時(shí)較為嚴(yán)重。如果你的站點(diǎn)頁面首屏打開速度多于1.5秒,可以嘗試以下辦法進(jìn)行
網(wǎng)站優(yōu)化。
1、清除不必要的資源,避免進(jìn)行不必要的下載
網(wǎng)頁中往往會(huì)包含一些冗余資源,影響網(wǎng)頁性能的同時(shí)還無法給網(wǎng)頁帶來價(jià)值,可以考慮清除不必要的資源,避免不必要的資源下載帶來性能上的消耗。減少網(wǎng)頁上關(guān)鍵JS/CSS子資源的數(shù)量,并盡可能清除這些資源,減少下載量。
2、使用代碼拆分減少JS負(fù)載
根據(jù)不同的業(yè)務(wù)需求,開發(fā)者可以將JS中首屏的關(guān)鍵代碼拆分出來,這樣可以提前加載執(zhí)行首屏中必需的少量JS代碼,從而縮短頁面的加載時(shí)間,其余的可以按需加載或者置后加載,同時(shí)建議開發(fā)者將JS優(yōu)先放在首屏渲染完成之后,放在body閉標(biāo)簽前面。
3、優(yōu)化阻塞渲染的JS
可以讓頁面的JS進(jìn)行異步執(zhí)行,建議優(yōu)先考慮使用defer的方式,其次是async方式,并去除關(guān)鍵渲染路徑中任何不必要的JS。優(yōu)化JS的使用方式,優(yōu)先使用異步JS資源。延遲所有非必需的、對(duì)構(gòu)建首屏渲染無關(guān)緊要的JS腳本,將JS優(yōu)先放在body閉標(biāo)簽處。
4、優(yōu)化阻塞渲染的CSS
精簡網(wǎng)頁的CSS資源,關(guān)鍵CSS子資源優(yōu)先放在head標(biāo)簽內(nèi),以便縮短首屏渲染的時(shí)間。避免使用CSS import指令,因?yàn)樗鼈儠?huì)在關(guān)鍵路徑中增加往返次數(shù)從而影響首屏渲染性能。
5、優(yōu)化和壓縮資源,減小總下載文件大小
優(yōu)化和壓縮資源來最大限度地減小總下載大小,來提高網(wǎng)頁加載速度??梢钥紤]通過簡化編碼來優(yōu)化主文檔大小,同時(shí)可以采用chunk編碼,服務(wù)器分chunk輸出,以及通過GZIP來壓縮主文檔資源。
6、去除頁面的額外跳轉(zhuǎn)
單次額外跳轉(zhuǎn)會(huì)使性能退化約600毫秒,這就可能給關(guān)鍵渲染路徑增加600毫秒的延遲體驗(yàn),所以建議去除額外的跳轉(zhuǎn)。