[精讚] [會員登入]
1018

檢測頁面載入速度

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

你可能感興趣的文章

手動清除 Firefox, Chrome的DNS cache Firefox, Chrome上有別於系統的DNS cache,有時會造成使用者刷新到舊的網頁

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

程式、函數、資料庫命名的風格 程式或資料庫自己定義統一的命名規則,可以防止因為一個拚字的錯誤花了半個小時來找,也可說是提升工作效率的關鍵。

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

使用Google尋找你的手機 這近發現google竟然可以用來找android的手機,而且不需要經過什麼設定或安裝軟體。

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

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

Linux shell 的date表示法 linux下SHELL中的date表示法

[Win7] 燒錄 iso 檔 在Windows7 中內建燒錄程式,可以直接把檔案拉到光碟機裡,再執行燒錄。

詭異的創業思維 創業的思維中,有多少銀彈,有多少技術,有多少人脈,有多少時間等等,每個都要考慮進去,以熱忱建立的關係脆弱的像蘇打餅乾一樣..

[CodeIgniter 3] 資料庫的使用方法整理1/2 --Select的使用 [CodeIgniter 3] 資料庫的使用方法整理:Select的使用

問問題 問問題其實內涵很深,我悟了很久才懂。 有人問題的目的並不一定是想要得到答案,有時只是純粹想問問題..