๐ 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
- Total Blocking Time
- ์ด ์ฐจ๋จ ์๊ฐ
- ์ด ์ฐจ๋จ ์๊ฐ (TBT)์ย ๋ก๋ ๋ฐ์์ฑ์ ์ธก์ ํ๋ ๋ฐ ์ค์ํย ์คํ์ค ์ธก์ ํญ๋ชฉ์ด๋ค.
- ํ์ด์ง๊ฐ ์์ ์ ์ผ๋ก ์ํธ์์ฉํ๊ธฐ ์ ์ ํ์ด์ง๊ฐ ์ํธ์์ฉํ์ง ์์ ๋์ ์ฌ๊ฐ๋๋ฅผ ์ ๋ํํ๋ ๋ฐ ๋์์ด ๋๊ธฐ ๋๋ฌธ์ด๋ค.
- TBT๊ฐ ๋ฎ์ผ๋ฉดย ๋ค์ ํ์ธํธ์ ๋ํ ์ํธ์์ฉ (INP)์ด ๋ฎ์ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค.
TBT ์ ์๋ณ ํ๊ฐ ๊ธฐ์ค
- TBT๋ ํ์ด์ง๊ฐ ๋ก๋๋๋ ๋์ ๋ฉ์ธ ์ค๋ ๋๊ฐ JavaScript ์คํ์ผ๋ก ์ธํด ๋ฉ์ถฐ์, ์ฌ์ฉ์์ ์
๋ ฅ(ํด๋ฆญ, ํค๋ณด๋ ํ์ดํ ๋ฑ)์ ์๋ตํ์ง ๋ชปํ๋๋ก '์ฐจ๋จ'๋ ์ด ์๊ฐ์ ๋ํ ๊ฐ์ด๋ค.
- ๊ตฌ๊ธ(Google) ๋ฐ์คํฌํฑ ๋ฐ ๋ชจ๋ฐ์ผ ๊ธฐ์ค์ ๋ค์๊ณผ ๊ฐ๋ค.
| TBT ๊ฐ |
๋ฑ๊ธ (์ํ) |
์ฌ์ฉ์ ๊ฒฝํ ์ฒด๊ฐ |
| 0ms ~ 200ms |
๐ข ์ข์ (Good) |
ํ์ด์ง ๋ก๋ฉ ์ค ํ๋ฉด์ ๋๋ฌ๋ ๋ฒ๋ฒ
์ ์์ด ์พ์ ํ๊ฒ ๋ฐ์ํ๋ค. |
| 200ms ์ด๊ณผ ~ 600ms ์ดํ |
๐ก ๊ฐ์ ํ์ (Needs Improvement) |
๋ก๋ฉ ์ค์ ๋ฒํผ์ ๋๋ฅด๋ฉด ์ฝ๊ฐ์ ๋ฐ์ ์ง์ฐ์ด ๋๊ปด์ง๋ค. |
| 600ms ์ด๊ณผ |
๐ด ๋์จ (Poor) |
๋ฉ์ธ ์ค๋ ๋๊ฐ ๊ฝ ๋ฌถ์ฌ ์์ด ํ๋ฉด์ด ์๊ฐ์ ์ผ๋ก ์ผ์ด๋ถ์ ๊ฒ์ฒ๋ผ ๋๋๋ค. |
INP, TBT - ์ฐจ์ด