Categories
程式開發

Web Performance Metrics 與Core Web Vitals 簡介


前言

我們都知道網站性能的重要性。重要是重要,但是具體如何衡量和識別永遠是個非常發散、不容易說清的事情。本文就將以業內重要會議上的分享為中心,分類詳細介紹主流語境下所有重要的數據指標定義。

歷史上,yslow 曾經作為互聯網開發的核心指標唯一評價工具,它的指標代表了核心指標。之後逐步出現了lighthouse 等種種新工具平台和新檢測模式。經過幾十年發展已經有眾多各式各樣的性能工具,對應的指標也趨於通用。具體如何評價指標本身的代表性也逐漸成為問題,需要關注。

到了2018 年,Google 在I/O 大會上提到, 75% 的用戶認為 頁面的加載速度 ,是決定他們交互體驗的首要因素[1]。 Ire Aderinokun (Google Web Expert) 在2020 年#PerfMatter 的分享上說,“一旦頁面加載時間超過5s,用戶就有90% 的可能放棄它。”[2]

Web Performance Metrics 與Core Web Vitals 簡介 1

所以,到底如何準確衡量網站的性能?

根據Google 在web.dev 上公佈的數據,他們認為以用戶為中心的性能指標,應該能回答以下四個問題[3]:

web.dev 是Google Developer 提供的開發者社區,裡面主要提到了一下列出的諸多類型的數據指標。

  1. 是否發生? 導航是否成功啟動?服務器是否有響應?
  2. 是否有用? 是否已渲染可以與用戶互動的足夠內容?
  3. 是否可用? 用戶可以與頁面交互,還是頁面仍在忙於加載?
  4. 是否令人愉快? 交互是否順暢而自然,沒有滯後和卡頓?

原文鏈接:【https://www.infoq.cn/article/HVyqFtlxgDao4vq5Durp】。未經作者許可,禁止轉載。