์ข…ํ•ฉ ํ’ˆ์งˆ ํ…Œ์ŠคํŠธ

Lighthouse ์ ‘๊ทผ์„ฑยท๊ถŒ์žฅ์‚ฌํ•ญยทSEO ํ†ตํ•ฉ ๋ถ„์„
๋น„ํšŒ์› ์ด๋ฒˆ ๋‹ฌ 5ํšŒ ๋‚จ์Œ ๋ฌด๋ฃŒ ๊ฐ€์ž…ํ•˜๋ฉด ์›” 20ํšŒ

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

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

์ธก์ • ๋„๊ตฌ ๋ฐ ํ™˜๊ฒฝ
โ€ข Lighthouse ์ตœ์‹  ๋ฒ„์ „ (Chrome ๋ธŒ๋ผ์šฐ์ € ์—”์ง„ ๊ธฐ๋ฐ˜, ํ•œ๊ตญ์–ด ๋ณด๊ณ ์„œ)
โ€ข Headless Chrome์œผ๋กœ ์‹ค์ œ ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ ์‹œ๋ฎฌ๋ ˆ์ด์…˜
โ€ข ์„ฑ๋Šฅ(์†๋„) ์˜์—ญ์€ ์‹คํ–‰ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋กœ๋”ฉ ์‹œ๊ฐ„์€ ์ธก์ •ํ•˜๋Š” ์„œ๋ฒ„์˜ ๋„คํŠธ์›Œํฌ ๊ฒฝ๋กœ์— ๋”ฐ๋ผ ํฌ๊ฒŒ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ, ์†๋„๋Š” 8๊ฐœ ๋ฆฌ์ „ ์ธก์ • ์„œ๋ฒ„๊ฐ€ ์ง์ ‘ ์žฌ๋Š” ๊ธ€๋กœ๋ฒŒ ์†๋„ ๊ฒ€์‚ฌ์—์„œ ํ™•์ธํ•˜์„ธ์š”.

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

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

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

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

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

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

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

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

ํ’ˆ์งˆ ์˜์—ญ์˜ ๋‹ค๋ฅธ ๊ฒ€์‚ฌ

16๊ฐ€์ง€ ๊ฒ€์‚ฌ๋ฅผ ํ•œ ๋ฒˆ์— โ€” ๋ฌด๋ฃŒ ์ข…ํ•ฉ ์ง„๋‹จ