提高移動網站在百度質量度等級的詳細說明【三】優化頁面性能
百度也發布了移動建站指南,圖文并茂的描述了如何提高移動站在百度質量度的等級,在百度推廣后臺已經有“移動站點質量度”的星級評價體系了,頁面大小、頁面內容、頁面樣式、轉化渠道等因素都會影響質量度星級,加載速度快、內容豐富的頁面質量度星級更高,提升移動網站質量可以增強用戶體驗和轉化效果。
提高移動網站在百度質量度等級的詳細說明【一】怎樣做好網頁頁面設計?
提高移動網站在百度質量度等級的詳細說明【二】 內容設置的幾條準則
提高移動網站在百度質量度等級的詳細說明【三】 優化頁面性能
(1)控制加載時間與網頁大小
(跳出前等待時間的用戶比例)
加載時間:單頁面5S以內
網頁大小:單頁面50K以內
優化加載時間和網頁大小:重點在前端優化
減少HTTP請求:減少重定向,合并圖片,懶加載……
減少傳輸數據大小:壓縮圖像,開啟GZIP……
考慮到移動設備和移動互聯網的特點,在進行移動網站的頁面開發設計時,一個總的原則是考慮用戶訪問的效率,降低頁面加載時間。
(2)減少訪問請求數
從設計實現層面簡化頁面,不要放太多的圖片、復雜的表達、動畫、視頻等等,
資源合并及壓縮:比如將背景圖片、導航圖片等等作為一張圖片,這樣只需一次請求,而不是多次。
靜態資源(Css、Js、Image)懶加載
異步執行inline腳本
避免重復的資源請求
縮小cooike
設置連接方式為keep-alive
減少DNS查詢
移動端可見區域是有限的,采用延遲加載方式
開啟服務器壓縮(gzip方式)
(3)優化圖片處理
圖片走CDN
少用動態gif圖
圖片不適宜過多及過大
零碎圖片使用css Sprite技術一次性下載
避免使用bmp圖片
圖片壓縮
(4)優化HTML
減少HTML標簽,減少不必要的嵌套
廢棄table標簽
減少DOM深度
壓縮HTML,去掉注釋,空格換行等信息
(5)優化JS
使用臨時變量或者數組存儲document.images及document.forms等集合數據
慎用with語法
使用AJAX緩存
避免eval及Function語法
避免使用inlineScript
異步、底部加載js
合并壓縮js
字符串連接使用數組的join方式