Tech News

제목웹 성능 지표 Cheatsheet2021-11-08 10:27
작성자 Level 10

https://bitsofco.de/web-performance-metrics-cheatsheet/ 

- 사용자 중심 성능 지표를 4가지로 구성해서 설명하고, 목표해야 하는 점수를 나열 

ㅤ→ 진행여부 : TTFB, FP, FCP

ㅤ→ 유용성 : LCP, VC, SI

ㅤ→ 사용 가능 여부 : FID, mFID, TBT, TTI

ㅤ→ 쾌적함 : CLS, Frame Rate

- Cheatsheet 

ㅤ→ Time to First Byte (TTFB)           <600ms

ㅤ→ First Paint (FP)    <1.8s

ㅤ→ First Contentful Paint (FCP)        <1.8s

ㅤ→ Largest Contentful Paint (LCP)      <2.5s

ㅤ→ Visually Complete (VC)      <3.4s

ㅤ→ Speed Index (SI)    <3.4s

ㅤ→ First Input Delay (FID) <100ms

ㅤ→ Max Potential First Input Delay (mFID)      <130ms

ㅤ→ Total Blocking Time (TBT)   <200ms

ㅤ→ Time to Interactive (TTI)   <3.8s

ㅤ→ Cumulative Layout Shift (CLS) <0.1

ㅤ→ Frame Rate (FR)     60 FPS


댓글
자동등록방지
(자동등록방지 숫자를 입력해 주세요)