移動網站速度優化技巧


第一部分 – 第03章

Mobile

移動網站加載速度緩慢的原因

移動網站頁面加載緩慢的主要原因包括以下幾種:

網站服務器

網站服務器(比如軟件)默認情況下運行緩慢,或者尚未針對加載速度最大化進行合適的配置。

虛擬主機解決方案

移動網站被託管於一個相對緩慢的虛擬主機解決方案(或硬件)中,或者這個網站流量非常高,經常超出虛擬主機可處理的流量水平。

網站瀏覽器緩存

移動網站尚未被配置使用網站瀏覽器緩存。

文件大小

移動網站頁面要求下載資源,且這些資源的文件大小加起來過大了 。

HTTP請求

移動網站頁面要求下載過多的資源,比如圖片、視頻、CSS和JavaScript文件等,這導致過多的http請求。

DNS查詢

移動網站頁面要求從過多的不同主機名處下載各種資源,比如圖片、視頻、CSS和JavaScript文件等。這會增加DNS查詢次數,並使網頁加載變慢。

總體連接速度緩慢

一些有意或者無意的設置,比如過多的重定向、無效的請求等,會大大減慢頁面加載速度。

內容分發網絡(CDN)

移動網站的用戶大部分來自於面積極大的國家(或者橫跨非常大的地理位置,比如中國),但卻沒有使用內容分發網絡。

網絡自身速度緩慢

網站服務器與請求移動網站頁面的用戶(比如網站瀏覽器)之間網絡連接較慢。

提升加載速度的技巧

雖然無法解決所有的問題 ,但是你可以通過應用相應的技巧優化移動網站的加載速度。優化的技巧包括以下幾種:

小結:原因及對策

將應對技巧與原因進行匹配的結果如下:

原因 應對技巧
網站服務器緩慢 優化網站服務器
虛擬主機運行緩慢 虛擬主機解決方案升級
沒有啟動瀏覽器緩存 部署網站瀏覽器緩存
大型文件 啟用文件壓縮, 縮小CSS和JavaScript文件
http請求過多 合併多個CSS文件,合併多個JavaScript文件,部署內嵌CSS,部署內嵌JavaScript,部署內嵌圖片,部署CSS精靈
DNS查詢過多 減少DNS查詢
總體連接速度緩慢 優化CSS和JavaScript的加載順序,避免CSS @Import,避免HTML元素中的CSS屬性,修復損壞的HTTP請求,避免重定向
沒有使用CDN 部署CDN
網絡自身速度緩慢

谷歌加速移動網頁

Google加速移動網頁(AMP)是Google支持的開源項目,它使你可以為靜態內容構建網站頁面,且這些靜態內容渲染更快。 AMP由3個主要部分構成:

  • AMP HTML
  • AMP JS
  • Google AMP緩存(Cache)


移動網站性能技術白皮書在2017年3月正式出版。

英文版:Mobile Website Speed Optimization Techniques – 簡體中文版:移動網站速度優化技巧







移動網站性能技術白皮書上的內容按下列許可協議發布: CC Attribution-Noncommercial 4.0 International

Gordon Choi's Mobile Website Book