Core Web Vitals, ์ ์ ๊ฒฝ ์จ์ผ ํ ๊น?
๊ตฌ๊ธ์ 2021๋ ๋ถํฐ LCP(๋ก๋ฉ), FID(์ํธ์์ฉ), CLS(๋ ์ด์์ ์์ ์ฑ)๋ก ๊ตฌ์ฑ๋ Core Web Vitals๋ฅผ ๊ฒ์ ์์ ํ๊ฐ ์์๋ก ๊ณต์ ๋ฐ์ํ๊ณ ์์ต๋๋ค. ์๋ฌด๋ฆฌ ์ฝํ ์ธ ๊ฐ ์ข์๋ ํ์ด์ง๊ฐ ๋๋ฆฌ๊ฒ ๋จ๊ฑฐ๋ ํด๋ฆญ ๋ฐ์์ด ๋ฆ๊ณ ํ๋ฉด์ด ๋์ปฅ๊ฑฐ๋ฆฐ๋ค๋ฉด ์ฌ์ฉ์๋ ๋ฌผ๋ก ๊ฒ์์์ง๋ ์ฌ์ดํธ๋ฅผ ๋ฎ๊ฒ ํ๊ฐํฉ๋๋ค.
์ด ๊ณ์ฐ๊ธฐ๋ ์ธ ๊ฐ์ง ์งํ๋ฅผ ์ ๋ ฅํ๋ฉด ๊ตฌ๊ธ์ ์ํธยท๊ฐ์ ํ์ยท๋์จ ๊ธฐ์ค๊ฐ๊ณผ ๋น๊ตํด 0~100์ ์ ์ข ํฉ ์ ์๋ก ํ์ฐํด์ค๋๋ค. LCP๋ 2.5์ด ์ดํ, FID๋ 100ms ์ดํ, CLS๋ 0.1 ์ดํ์ผ ๋ ๋ง์ ์ ๊ฐ๊น์ด ์ ์๋ฅผ ๋ฐ์ผ๋ฉฐ, ๊ฐ ๊ธฐ์ค์ ์ด๊ณผํ ์๋ก ์ ์๊ฐ ์ ํ์ ์ผ๋ก ๋ฎ์์ง๋๋ค.
์ ์๊ฐ ๋ฎ๊ฒ ๋์๋ค๋ฉด ์ด๋ฏธ์ง ์ต์ ํ, ๋ถํ์ํ ์๋ฐ์คํฌ๋ฆฝํธ ์ ๊ฑฐ, ํฐํธ ๋ก๋ฉ ์ ๋ต ๊ฐ์ ๋ฑ์ ์ฐ์ ์์๋ก ๊ฒํ ํด๋ณด์ธ์. ์ค์ ์ฌ์ฉ์ ๋ฐ์ดํฐ๋ ๊ตฌ๊ธ ์์น ์ฝ์์์๋ ํ์ธํ ์ ์์ผ๋, ์ด ๋๊ตฌ๋ก ๋ชฉํ ์์น๋ฅผ ๊ฐ๋ ํ ๋ค ์ค์ธก๊ฐ๊ณผ ๋น๊ตํ๋ฉฐ ๊ฐ์ ํด๋๊ฐ๋ ๊ฒ์ ์ถ์ฒํฉ๋๋ค.
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
LCP, FID, CLS ๊ฐ๊ฐ์ ๊ตฌ๊ธ์ด ์ ํ ์ํธยท๋ถ๋ ๊ธฐ์ค๊ฐ๊ณผ ๋น๊ตํด 0~100์ ์ผ๋ก ํ์ฐํ ๋ค ํ๊ท ์ ๋ด์ด ์ข ํฉ ์ ์๋ฅผ ์ฐ์ถํฉ๋๋ค.
90์ ์ด์์ด๋ฉด ์ข์, 50~89์ ์ ๊ฐ์ ํ์, 50์ ๋ฏธ๋ง์ ๋์จ์ผ๋ก ๋ถ๋ฅ๋ฉ๋๋ค. 90์ ์ด์์ ๋ชฉํ๋ก ์ต์ ํํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
๊ตฌ๊ธ ์์น ์ฝ์์ Core Web Vitals ๋ฆฌํฌํธ๋ PageSpeed Insights, Chrome DevTools์ Lighthouse ํญ์์ ์ค์ ์ธก์ ๊ฐ์ ํ์ธํ ์ ์์ต๋๋ค.