百度移動搜索落地頁體驗白皮書 4.0 專題解讀

發布時間:2018/10/26     點擊數:848

2018 年 8 月,百度搜索資源平臺發布的《百度移動搜索落地頁體驗白皮書 4.0 》中提到:

頁面的首屏內容應在 1.5 秒內加載完成。

也許有人有疑惑:

為什么是 1.5 秒內?

哪些方式可加快加載速度?

以下將為您解答這些疑問!

1、用戶期待的速度體驗

移動互聯網時代,用戶對于網頁的打開速度要求越來越高。百度用戶體驗部研究表明,頁面放棄率和頁面的打開時間關系如下圖所示:

image.png

(頁面放棄率和頁面的打開時間關系)

根據百度用戶體驗部的研究結果來看,普通用戶期望且能夠接受的頁面加載時間在 3 秒以內。若頁面的加載時間過慢,用戶就會失去耐心而選擇離開,這對用戶和站長來說都是一大損失。

2、“閃電算法”的支持

為了能夠保障用戶體驗,給予優秀站點更多面向用戶的機會,“閃電算法”在 2017 年 10 月初上線。

閃電算法的具體內容如下:

移動網頁首屏在 2 秒之內完成打開的,在移動搜索下將獲得提升頁面評價優待,獲得流量傾斜;同時,在移動搜索頁面首屏加載非常慢(3 秒及以上)的網頁將會被打壓。

首屏作為直面用戶的第一屏,其重要性不言而喻。根據百度用戶體驗部的研究結果,《白皮書 4.0 》提出,首屏內容應在 1.5 秒內加載完成。

3、技術建議

廣大站長優化頁面首屏加載時間,優化的技術建議包括但不限于:

 資源加載:

1. 將同類型資源在服務器端壓縮合并,減少網絡請求次數和資源體積。

2. 引用通用資源,充分利用瀏覽器緩存。

3. 使用 CDN 加速,將用戶的請求定向到最合適的緩存服務器上。

4. 非首屏圖片懶加載,將網絡帶寬留給首屏請求。

 頁面渲染:

1. 將 CSS 樣式寫在頭部樣式表中,減少由 CSS 文件網絡請求造成的渲染阻塞。

2. 將 JavaScript 放到文檔末尾,或使用 async 方式加載,避免 JS 執行阻塞渲染。

3. 對非文字元素(如圖片,視頻)指定寬高,避免瀏覽器重排重繪。

總而言之

誠然,整站的加載時長對用戶的體驗都有莫大的影響。提高全站的速度體驗才是我們應該一起追求的目標。

站點可以結合自身情況升級技術棧,也可以使用通用加速方案(如 MIP、AMP)對網頁進行綜合加速。