[web] Web Vitals

keywords: webdev, performance

Metrics @ web.dev

• TTFB (Time to First Byte)：發出 HTTP request 後取得第一個 byte 的時間
• FCP (First Contentful Paint)：瀏覽器渲染第一個 DOM 元素
• LCP (Largest Contentful Paint)
• CLS (Cumulative Layout Shift)
• FID (Fist Input Delay)

圖片來源：addyosmani @ twitter

參考資料

• Metrics @ web.dev
• Web Vitals @ React 前端讀書會 by Stan