網頁加載速度的重要性及如何提高加載速度

2016-08-12 分類：網站建設

一、用戶期待的速度體驗

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

網頁加載速度的重要性及如何提高加載速度

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

二、“閃電算法”的支持

為了能夠保障用戶體驗，給予優秀站點更多面向用戶的機會，“閃電算法”在2017年10月初上線。閃電算法的具體內容是什么呢？一起看：

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

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

三、技術建議

優化頁面首屏加載時間，優化的技術建議包括但不限于:

資源加載：

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

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

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

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

頁面渲染：

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

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

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

四、結語

當然，整站的加載時長對用戶的體驗都有莫大的影響。提高全站的速度體驗才是我們應該一起追求的目標。站點可以結合自身情況升級技術棧，也可以使用通用加速方案（如MIP、AMP）對網頁進行綜合加速。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容