# 웹 성능 지표 Cheatsheet

> Clean Markdown view of GeekNews topic #5339. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=5339](https://news.hada.io/topic?id=5339)
- GeekNews Markdown: [https://news.hada.io/topic/5339.md](https://news.hada.io/topic/5339.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-11-08T09:58:50+09:00
- Updated: 2021-11-08T09:58:50+09:00
- Original source: [bitsofco.de](https://bitsofco.de/web-performance-metrics-cheatsheet/)
- Points: 21
- Comments: 0

## Topic Body

- 사용자 중심 성능 지표를 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

## Comments



_No public comments on this page._