Google Lighthouse - ์›น์‚ฌ์ดํŠธ ์ข…ํ•ฉ ํ’ˆ์งˆ ์ธก์ • ๋„๊ตฌ

Google Lighthouse๋Š” ๊ตฌ๊ธ€์ด ๊ฐœ๋ฐœํ•œ ์˜คํ”ˆ์†Œ์Šค ์›น ํ’ˆ์งˆ ์ธก์ • ๋„๊ตฌ๋กœ, Chrome DevTools์— ๋‚ด์žฅ๋˜์–ด ์žˆ์œผ๋ฉฐ ์›น์‚ฌ์ดํŠธ์˜ ์„ฑ๋Šฅ, ์ ‘๊ทผ์„ฑ, SEO, ๋ชจ๋ฒ” ์‚ฌ๋ก€ ์ค€์ˆ˜ ์—ฌ๋ถ€๋ฅผ ์ข…ํ•ฉ์ ์œผ๋กœ ๋ถ„์„ํ•ฉ๋‹ˆ๋‹ค.

์ธก์ • ๋„๊ตฌ ๋ฐ ํ™˜๊ฒฝ
โ€ข Lighthouse ์ตœ์‹  ๋ฒ„์ „ (Chrome ๋ธŒ๋ผ์šฐ์ € ์—”์ง„ ๊ธฐ๋ฐ˜)
โ€ข Headless Chrome์œผ๋กœ ์‹ค์ œ ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ ์‹œ๋ฎฌ๋ ˆ์ด์…˜
โ€ข ๋ชจ๋ฐ”์ผ 3G/4G ๋„คํŠธ์›Œํฌ ๋ฐ ์ค‘๊ธ‰ ์„ฑ๋Šฅ ๋””๋ฐ”์ด์Šค ๊ธฐ์ค€ ์ธก์ •
โ€ข ์‹ค์ œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ฐ˜์˜ํ•œ Core Web Vitals ์ธก์ •

ํ…Œ์ŠคํŠธ ๋ชฉ์ 
โ€ข ์›น์‚ฌ์ดํŠธ์˜ ์ „๋ฐ˜์ ์ธ ํ’ˆ์งˆ ์ˆ˜์ค€ ํŒŒ์•…
โ€ข ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์„ฑ๋Šฅ ๋ณ‘๋ชฉ ์ง€์  ๋ฐœ๊ฒฌ
โ€ข ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™”(SEO) ์ค€์ˆ˜ ์‚ฌํ•ญ ์ ๊ฒ€
โ€ข ์žฅ์• ์ธ ์ ‘๊ทผ์„ฑ ํ‘œ์ค€(WCAG) ์ค€์ˆ˜ ์—ฌ๋ถ€ ํ™•์ธ
โ€ข ์›น ํ‘œ์ค€ ๋ฐ ๋ณด์•ˆ ๋ชจ๋ฒ” ์‚ฌ๋ก€ ์ ์šฉ ์ƒํƒœ ํ‰๊ฐ€

4๋Œ€ ํ‰๊ฐ€ ์˜์—ญ
1. Performance (์„ฑ๋Šฅ): ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„, Core Web Vitals, ๋ฆฌ์†Œ์Šค ์ตœ์ ํ™”
2. Accessibility (์ ‘๊ทผ์„ฑ): ARIA ๋ ˆ์ด๋ธ”, ์ƒ‰์ƒ ๋Œ€๋น„, ํ‚ค๋ณด๋“œ ํƒ์ƒ‰ ์ง€์›
3. Best Practices (๋ชจ๋ฒ” ์‚ฌ๋ก€): HTTPS ์‚ฌ์šฉ, ์ฝ˜์†” ์˜ค๋ฅ˜, ์ด๋ฏธ์ง€ ๋น„์œจ
4. SEO (๊ฒ€์ƒ‰ ์ตœ์ ํ™”): ๋ฉ”ํƒ€ ํƒœ๊ทธ, ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ, ๋ชจ๋ฐ”์ผ ์นœํ™”์„ฑ

ํ…Œ์ŠคํŠธ๋Š” ์•ฝ 30์ดˆ~2๋ถ„ ์ •๋„ ์†Œ์š”๋˜๋ฉฐ, ๋„คํŠธ์›Œํฌ ์ƒํƒœ์™€ ์›น์‚ฌ์ดํŠธ ๋ณต์žก๋„์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋“ฑ๊ธ‰ ์ ์ˆ˜ ๊ธฐ์ค€
A+ 95~100 Performance: 90์ +
Accessibility: 90์ +
Best Practices: 90์ +
SEO: 90์ +
์ „์ฒด ํ‰๊ท : 95์ +
A 90~94 Performance: 85์ +
Accessibility: 85์ +
Best Practices: 85์ +
SEO: 85์ +
์ „์ฒด ํ‰๊ท : 90์ +
B 80~89 Performance: 75์ +
Accessibility: 75์ +
Best Practices: 75์ +
SEO: 75์ +
์ „์ฒด ํ‰๊ท : 80์ +
C 70~79 Performance: 65์ +
Accessibility: 65์ +
Best Practices: 65์ +
SEO: 65์ +
์ „์ฒด ํ‰๊ท : 70์ +
D 60~69 Performance: 55์ +
Accessibility: 55์ +
Best Practices: 55์ +
SEO: 55์ +
์ „์ฒด ํ‰๊ท : 60์ +
F 0~59 ์œ„ ๊ธฐ์ค€์— ๋ฏธ๋‹ฌ
์•„์ง ๊ฒฐ๊ณผ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค

ํ…Œ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•˜๋ฉด ์ข…ํ•ฉ ํ’ˆ์งˆ ๋ถ„์„ ๊ฒฐ๊ณผ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•„์ง ๊ฒฐ๊ณผ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค

ํ…Œ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•˜๋ฉด Raw JSON ๋ฐ์ดํ„ฐ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฒ€์‚ฌ ๋‚ด์—ญ์„ ๋ณด๋ ค๋ฉด ๋กœ๊ทธ์ธ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

๋„๋ฉ”์ธ ๊ด€๋ฆฌ๋Š” ๋กœ๊ทธ์ธ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.