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