[無邊框]

1929

檢測頁面載入速度

“

利用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

你可能感興趣的文章

avif類型的圖檔？那是什麼？比jpg好嗎？圖檔格式不是只有jpg png gif，還有比webp更新的avif，那是什麼？

[Jula] 開始．雜談．為什麼？關於 Julia 的雜談

[Firefox] 使用Firefox一次將頁面所有圖檔下載使用Firefox一次將頁面所有圖檔下載的3個方法

「許功蓋」的字以及源由有玩過電腦一段時間的人，都聽過這個人(有一天我才發現7年級的竟然都不認識這個

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

HTC手機資料移轉記錄剛買一台新的HTC手機，想把舊機的資料移過來，超級簡單...

隨機好文

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

[PHP] 檢查IP是否在某個網段內 mtachcidr 要檢查IP是否在某個網段內，要寫幾行？10行？5行？不用，只要2行。以下是我寫的 code /** * matchCI

[NetBeans] 使用git複製別人的專案 NetBeans使用git複製別人的專案及版本控制

[PHP]解決ksort新增的SORT_NATURAL|SORT_FLAG_CASE方法 php>=5.4中ksort函數多了SORT_NATURAL 和 SORT_FLAG_CASE 旗標，對舊版的PHP中要怎麼辦？

[Mysql] 資料型態int, float, double, text, char, varchar, blob大小 Mysql中資料型態int, float, text, char, varchar, blob大小

參考資料

到最底端