๐Ÿ“š Reference


๐Ÿ“œ Chapter


CLS (Cumulative Layout Shift)

FCP (First Contentful Paint)

FID (First Input Delay)

INP (Interaction to Nextย Paint)

LCP (Largest Contentful Paint)

โ€ฃ

TBT


TBT ์ ์ˆ˜๋ณ„ ํ‰๊ฐ€ ๊ธฐ์ค€


TBT ๊ฐ’ ๋“ฑ๊ธ‰ (์ƒํƒœ) ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ฒด๊ฐ
0ms ~ 200ms ๐ŸŸข ์ข‹์Œ (Good) ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์ค‘ ํ™”๋ฉด์„ ๋ˆŒ๋Ÿฌ๋„ ๋ฒ„๋ฒ…์ž„ ์—†์ด ์พŒ์ ํ•˜๊ฒŒ ๋ฐ˜์‘ํ•œ๋‹ค.
200ms ์ดˆ๊ณผ ~ 600ms ์ดํ•˜ ๐ŸŸก ๊ฐœ์„  ํ•„์š” (Needs Improvement) ๋กœ๋”ฉ ์ค‘์— ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์•ฝ๊ฐ„์˜ ๋ฐ˜์‘ ์ง€์—ฐ์ด ๋А๊ปด์ง„๋‹ค.
600ms ์ดˆ๊ณผ ๐Ÿ”ด ๋‚˜์จ (Poor) ๋ฉ”์ธ ์Šค๋ ˆ๋“œ๊ฐ€ ๊ฝ‰ ๋ฌถ์—ฌ ์žˆ์–ด ํ™”๋ฉด์ด ์ˆœ๊ฐ„์ ์œผ๋กœ ์–ผ์–ด๋ถ™์€ ๊ฒƒ์ฒ˜๋Ÿผ ๋А๋‚€๋‹ค.

INP, TBT - ์ฐจ์ด