waterfaller 網頁速度與網站速度核心體驗檢測工具

by 貓熊先生
waterfaller 網頁速度與網站速度核心體驗檢測工具
waterfaller 網頁速度與網站速度核心體驗檢測工具

waterfaller 是一個網站速度與網頁速度核心體驗檢測工具,可以幫你檢測網站核心體驗的三大指標 LCP、FID、CLS,這三個指標會用來衡量你的網站核心體驗是否良好。目前「網頁速度」已經是不可否認的 SEO 排名要素了,因此優化網站速度也是 SEO 人員平時重要的工作。

先前有介紹過「Google PageSpeed Insights」,這是由 Google 官方釋出的網站速度優化工具,可以給你非常多網站速度優化建議、速度最佳化建議,還會給你的網站一些評分,例如 LCP (最大內容繪製)、FID (首次輸入延遲時間) 跟 CLS (累計版面配置位移),通通會顯示在 Google PageSpeed Insights 裡面的網站速度檢測頁面當中。

Google PageSpeed Insights 也是很棒的工具,不過沒有提供瀑布流的呈現方式,waterfaller 則提供了瀑布流的方式來檢測你的網頁速度,更貼心的是,你的網站載入的任何一個元素,你都可以在瀑布流上面點擊,waterfaller 會給你優化建議,非常實用。如果你還沒用過 waterfaller ,本篇文章會做一個完整的教學。

waterfaller 網頁速度檢測、網站核心體驗檢測工具

點擊下方網址,前往 waterfaller 網頁速度檢測工具。

進入 waterfaller 網站之後,你會看到這是一個瀑布流式的網站速度檢測工具。

waterfaller 網頁速度檢測、網站核心體驗檢測工具
waterfaller 網頁速度檢測、網站核心體驗檢測工具

waterfaller 提供兩種裝置檢測,一個是電腦版的網頁速度檢測,一個則是手機的網頁速度檢測,選好之後按下送出即可。

waterfaller 網頁速度檢測
waterfaller 網頁速度檢測

waterfaller 提供了網頁核心體驗三大指標:LCP FID CLS,你可以看看你的這三個指標有沒有通過 Google 的 網站使用體驗核心指標

下方則會呈現瀑布流形式的各種網頁檔案的載入時間。

waterfaller 網頁速度指標 LCP/FID/CLS
waterfaller 網頁速度指標 LCP/FID/CLS

你還可以點擊下方的檢視標籤,單獨看圖片、JS 檔、CSS檔…等等,非常方便。

waterfaller 檔案載入時間瀑布流
waterfaller 檔案載入時間瀑布流

你可以點擊瀑布流上載入的每個檔案,點擊之後 waterfaller 會給你優化建議,這項功能相當實用,這也是貓熊先生最喜歡的功能之一。

waterfaller 網頁速度優化建議
waterfaller 網頁速度優化建議

除了這項工具之外,貓熊先生建議連同 Google PageSpeed Insights 一起進行網頁速度的檢測。

觀念整理

LCP、FID、CLS 這三個是 Google 給出的三個網頁核心體驗指標,你可以透過 waterfaller 的瀑布流檢測形式,去找出拖慢網站速度的可能原因,這項工具非常好用,有需要的人可以用用看。

相關文章