๐ Reference
๐ Chapter
CLS (Cumulative Layout Shift)
LCP (Largest Contentful Paint)
TBT (Total Blocking Time)
FCP (First Contentful Paint)
FID (First Input Delay)
INP
- INP
- Interaction to Next Paint
- ๋ค์ ํ์ธํธ์ ์ํธ ์์ฉ
- ์ํธ ์์ฉ๊น์ง์ ์๊ฐ(Interaction to Next Paint)
- ๋ค์ ํ์ธํธ์ ๋ํ ์ํธ์์ฉ(INP)์ Event Timing API์ ๋ฐ์ดํฐ๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐ์์ฑ์ ํ๊ฐํ๋ย ์์ ์ ์ธย ์ฝ์ด ์น ๋ฐ์ดํ ์ธก์ ํญ๋ชฉ์ด๋ค.
- INP๋ ์ฌ์ฉ์๊ฐ ํ์ด์ง์ ํจ๊ป ํ ๋ชจ๋ ์ํธ์์ฉ์ ์ง์ฐ ์๊ฐ์ ๊ด์ฐฐํ๊ณ ๋ชจ๋ ์ํธ์์ฉ ๋๋ ๊ฑฐ์ ๋ชจ๋ ์ํธ์์ฉ์ด ์๋์ ์๋ ๋จ์ผ ๊ฐ์ ๋ณด๊ณ ํ๋ค.
- INP๊ฐ ๋ฎ์ผ๋ฉด ํ์ด์ง๊ฐ ๋ชจ๋ ์ฌ์ฉ์ ์ํธ์์ฉ ๋๋ ๋๋ถ๋ถ์ ์ฌ์ฉ์ ์ํธ์์ฉ์ ์ผ๊ด๋๊ฒ ๋น ๋ฅด๊ฒ ์๋ตํ ์ ์์์์ ์๋ฏธํ๋ค.