- 01-03 – 移動網站速度優化技巧
第一部分 – 第03章
移動網站加載速度緩慢的原因
移動網站頁面加載緩慢的主要原因包括以下幾種:
網站服務器
網站服務器(比如軟件)默認情況下運行緩慢,或者尚未針對加載速度最大化進行合適的配置。
虛擬主機解決方案
移動網站被託管於一個相對緩慢的虛擬主機解決方案(或硬件)中,或者這個網站流量非常高,經常超出虛擬主機可處理的流量水平。
網站瀏覽器緩存
移動網站尚未被配置使用網站瀏覽器緩存。
文件大小
移動網站頁面要求下載資源,且這些資源的文件大小加起來過大了 。
HTTP請求
移動網站頁面要求下載過多的資源,比如圖片、視頻、CSS和JavaScript文件等,這導致過多的http請求。
DNS查詢
移動網站頁面要求從過多的不同主機名處下載各種資源,比如圖片、視頻、CSS和JavaScript文件等。這會增加DNS查詢次數,並使網頁加載變慢。
總體連接速度緩慢
一些有意或者無意的設置,比如過多的重定向、無效的請求等,會大大減慢頁面加載速度。
內容分發網絡(CDN)
移動網站的用戶大部分來自於面積極大的國家(或者橫跨非常大的地理位置,比如中國),但卻沒有使用內容分發網絡。
網絡自身速度緩慢
網站服務器與請求移動網站頁面的用戶(比如網站瀏覽器)之間網絡連接較慢。
提升加載速度的技巧
雖然無法解決所有的問題 ,但是你可以通過應用相應的技巧優化移動網站的加載速度。優化的技巧包括以下幾種:
- 網站服務器優化
- 虛擬主機升級
- 部署瀏覽器緩存
- 啟用文件壓縮
- 縮小CSS和JavaScript文件
- 合併多個CSS文件
- 合併多個JavaScript文件
- 部署內嵌CSS
- 部署內嵌JavaScript
- 部署內嵌圖片
- 部署CSS精靈
- 減少DNS查詢
- 優化CSS和JavaScript的加載順序 a>
- 避免CSS @Import
- 修復損壞的HTTP請求
- 避免重定向
- 部署內容分發網絡(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