Perceptual Speed Index 是 Google Web Developer 的網站裡面提到的一種效能評估指標,這被 Google 拿來應用在 Webpagetest 這個工具裡面的一個參考指標,所以也有更一步講解 Speed Index 的意義和應用。

  上面這個折線圖就是基本的 Speed Index 的圖,x軸是時間、y軸是網頁讀取進度。也就是說y軸到最頂就是100%讀完了整個頁面的意思。

  但是,有趣的點就在於他去計算的不是折線圖與x軸所夾的圖形空間,而是去計算完全相反的區塊,也就是本頁示意圖的那個實心區塊,實心區塊稱為 Speed Index ,而其數值越小越好。大家聽到這裡可能有一點疑惑,為什麼越小越好?

  最上方的藍色圖為例:假設折線點為10%、20%、40%、80%、100%,圖示就會出現很大一塊,因為使用者可以感知到網頁讀取時間實在是非常的慢或是一直在讀取。但是如果一下子就80~90%,就算後面只剩下10%花了相對久的時間讀完,對使用者而言,其實感受到差異不大,就如同下圖(Webpagetest)左邊藍色這樣。