Web Performance Metrics 與 Core Web Vitals 簡介

前言

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

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

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

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

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

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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章