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