進行優化前,關鍵是剖析當前的web效能,找到效能瓶頸,從而確定最需改進的地方;如果精力有限,首先將精力放在能明顯提升效能的改進點上;《高效能網站建設指南》提出了一個效能黃金法則:
只有10%-20%的終端使用者響應時間花在了下載HTML文件上;其餘的80%-90%的時間花在了下載頁面中的所有元件上。
由於本文將實施一個完整的優化流程,所以,我們還是從後臺開始;
案例說明:
優化之前的網站規模:
2個js、一個頁頭、一個頁尾;3個css;
型別:部落格類站點;後臺邏輯簡單;首頁不到10個sql查詢;
首頁html文件52kb;
第一步:後臺優化,啟用頁面快取;
實驗站點首頁後臺邏輯並不複雜,不超過10個Sql查詢,通過檢視時間線,本站在獲取HTML文件時,花費的時間不到總響應時間的20%,優化之前沒有使用快取,所有的資料都是從資料庫讀取,這裡,我們使用靜態頁面快取,將首頁整個頁面完全的存放在快取中(關於YII靜態頁面快取的使用,參考這裡);
通過檢視html文件的生成時間來檢測優化效果;
首位元組時間為376ms;html生成的時間大大縮短,後臺時間減少了一倍。
欲檢視全文,請點選此處
只有10%-20%的終端使用者響應時間花在了下載HTML文件上;其餘的80%-90%的時間花在了下載頁面中的所有元件上。
由於本文將實施一個完整的優化流程,所以,我們還是從後臺開始;
案例說明:
優化之前的網站規模:
2個js、一個頁頭、一個頁尾;3個css;
型別:部落格類站點;後臺邏輯簡單;首頁不到10個sql查詢;
首頁html文件52kb;
第一步:後臺優化,啟用頁面快取;
實驗站點首頁後臺邏輯並不複雜,不超過10個Sql查詢,通過檢視時間線,本站在獲取HTML文件時,花費的時間不到總響應時間的20%,優化之前沒有使用快取,所有的資料都是從資料庫讀取,這裡,我們使用靜態頁面快取,將首頁整個頁面完全的存放在快取中(關於YII靜態頁面快取的使用,參考這裡);
通過檢視html文件的生成時間來檢測優化效果;
首位元組時間為376ms;html生成的時間大大縮短,後臺時間減少了一倍。
欲檢視全文,請點選此處