|文章重點預覽:
- SEO 優化:網站載入速度的重要性!
- Test My Site:簡易的網站載入速度測試工具
- PageSpeed Insights:進階的網站效能測試工具
- SEO 優化:PageSpeed Insights 簡介
- SEO 優化:PageSpeed Insights 功能
|SEO 優化:網站載入速度的重要性!
網站的載入速度影響到了用戶對於網頁的使用體驗,當然網站載入速度只是良好使用者體驗的其中一個指標,網站載入越快使用者越不用等,就能減少用戶使用您網站時的不耐煩感,也就能增加再回到您網頁瀏覽的意願!
|Test My Site:簡易的網站載入速度測試工具

-Test My Site 簡介
這是 Google:Think with Google 所提供的網頁測試工具,主要用於測試行動版網站,只要輸入您網站的網址,就能評估出以 3G 或 4G 的連線載入您的網站需要幾秒鐘,並依照這個秒數網站作出評分分級,有:「快速」、「普通」、「慢」這三種。
當然我們追求的都是希望自己的網站能達到「快速」的評分。我自己的網站測完是「普通」:網頁是在 1 到 2.5 秒開始載入。

-Test My Site 功能
算出網站載入速度後,Test My Site 還會提供您一些額外的網頁測試工具:
- 最佳化修正方式:一些您網頁的最佳化建議,告訴您有哪些修正方式可以改善並加快網頁的載入速度。
- 各家網站載入速度排名:能比較出多個網站的載入速度,可以用來比較自家網站與競爭者網站的優劣。
- 網站載入速度的效益評估:可替您算出網站載入速度提高到多少時能為您額外帶來多少收益。
|PageSpeed Insights:進階的網站效能測試工具

|SEO 優化:PageSpeed Insights 簡介
這是 Google 提供給開發者的進階網頁效能工具,會分析網頁內容,並提供如何加快網頁載入速度的建議。輸入您網站的網址後,分析完會評分出兩個分數:分別是行動版與電腦版的,一般行動版的分數都會比電腦版的低,畢竟手機的性能一定比不上手機。
|SEO 優化:PageSpeed Insights 功能
分數下方將會提供:
-網頁研究資料:
提供您網站載入時各個指標面向所需的時間。

- 首次內容繪製時間:「首次顯示內容所需時間」會標記寫下第一個文字或繪製第一張圖片的時間。
- 速度指數:速度指數會顯示頁面內容填入的速度。
- 可互動時間:互動準備時間是網頁進入完整互動狀態前花費的時間。
- 首次有效繪製時間:首次有效繪製可供衡量頁面主要內容顯示的時間。首次 CPU 閒置時間:首次 CPU 閒置標記的是頁面的主要執行緒在第一次處理輸入作業前所需的閒置時間。
- FID 最大預估值時間:使用者可能要等待的「首次輸入延遲時間」就是耗時最久的工作所需要的處理時間(以毫秒為單位)。
-最佳化建議:
提供能提高頁面載入速度的方法。

-診斷:
您網站上可能存在的潛在問題。
