[無邊框]

2097

檢測頁面載入速度

“

利用google提供的檢測工具來測試網頁的載入速度

„

分享此文連結 //n.sfs.tw/10325

分享連結檢測頁面載入速度@新精讚

(文章歡迎轉載，務必尊重版權註明連結來源)

2019-10-25 03:40:27 最後編修

2016-11-30 19:51:01 By 張○○

自動目錄

參考資料

要怎麼知道我的網頁在網際網路中載入的效率如何？google提供了一個不錯的工作

PageSpeed Insights

只要把你的網址打到上面的網址列，他就會幫你檢測，更重要的是有修正的建議：

2016.11.30來測試的分數，「電腦版」得了很勉強的分數67/100

行動版也很慘，僅得及格邊緣的62分，看來還需要tune一段時間。

看到這麼低的分數，著實吃了一驚，看來要改的東西還是很多…

革命尚未成功同志仍需努力

1. 將 css放到 footer
行動版 62->72 電腦版 67->68

2. 啟用 apache CSS/JS/HTML mod_defate 功能，參考[1]
行動版 72->87 電腦版 68->82

3. 啟用 apache PHP mod_defate 功能，參考[1]
行動版 87->88 電腦版 82->83

4. 清除 bootstrap.css 中前面的版權宣告和註解
分數不變

5. 加入cache時間設定
行動版88->98 電腦版 83->89

使用者體驗行動版是100分

差不多已到極限了

參考資料

[1] DigitalOcean https://www.digitalocean.com/community/tutorials/how-to-install-and-configure-mod_deflate-on-centos-7

[2] 頁面Cache的設定 https://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/

END

你可能感興趣的文章

[手機] HTC 10 evo的指紋辨識 HTC 10 evo上面的指紋辨識，原來這麼方便

git 中的 git(git 次模組) 版本控制引擎git 中的 git(git 次模組) / git inside git/ git submodule

我有六顆硬碟，該設定 RAID5, RAID50 還是 RAID6？我有六顆硬碟，該設定 RAID5, RAID50 還是 RAID6？

[FIREFOX] 好用的日文加拼音插件 furigana FIREFOX 替日文網頁中的漢字加上拼音的好用插件

[CS4] Photoshop CS4出現148:3 LISCENSING ERROR 我的Photoshop 出現148.3錯誤，怎麼解決？

常用1200字簡體字為了加速正簡互換的效能，我針對常見的簡體字做了挑選，花了六個小時，整理出最常用的1200個簡體中文字及正體中文字對照

隨機好文

[MAC] 截取螢幕畫面的方法截取螢幕畫面的方法，在MAC中叫作螢幕快照，英文是screenshot

[jQuery] select 元件的取值及給值 html中的元件select，在jquery中要如何使用？

[HP DL380G7] 生效啟動第3，4片網卡/開啟或關閉內建的網卡 HP DL380G7 預設第3，4片網卡裝完系統後找不到，難道是壞了？要怎麼辦？

為什麼要重造輪子？什麼輪子？造什麼輪子？我為什麼要重造輪子？

[PHP] 檢查檔案是否是圖檔使用getimagesize函數檢查檔案是否是圖檔

參考資料

到最底端