網頁效能優化筆記
阿新 • • 發佈:2020-08-21
優化工具:https://gtmetrix.com/,根據建議進行修改。
以“http://www.amate.cn/xiaoxue/563.html”為例,測出來網頁大小為2.26M,載入時間為5.2S,請求64次。
pagespeed優化建議
- 圖片無失真壓縮
- 目前已經利用七牛雲的圖片樣式功能,將jpg轉成webp格式,大幅度降低圖片尺寸。(!加引數)
- 提供縮放影象
- 目前已經利用七牛雲的圖片處理功能,自動生成合適尺寸的webp縮圖。(?加引數)
- 設定瀏覽器快取
- 在根目錄.htaccess檔案中新增以下程式碼
# BEGIN WordPress <IfModule mod_rewrite.c> ExpiresActive On ExpiresByType image
- 在根目錄.htaccess檔案中新增以下程式碼
測出來網頁大小為1.18M,載入時間5.1S,請求66次。
主要還是網頁變小了,從2.26M→1.18M。
YSlow優化建議
- 配置ETags
- 在根目錄.htaccess檔案新增以下程式碼
FileETag INode MTime Size
- 在根目錄.htaccess檔案新增以下程式碼
遺留問題
- 線上充值頁面頭像不顯示