Skip to content
SEO/seo-tips

์ €์‚ฌ์–‘ ์Šค๋งˆํŠธํฐ์—์„œ๋„ ๋น ๋ฅธ ์›น์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ: ๋ชจ๋ฐ”์ผ ์›น ์ตœ์ ํ™” ์ „๋žต

๋ชจ๋ฐ”์ผ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ์ปค์Šคํ„ฐ๋งˆ์ด์ง•์˜ ํ•„์ˆ˜์„ฑ

์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์šด์˜์ž๋ผ๋ฉด ๋ฐ˜๋“œ์‹œ ์•Œ์•„์•ผ ํ•  ๋ชจ๋ฐ”์ผ SEO ์ „๋žต! m๋ฒ„์ „ ๋ชจ๋ฐ”์ผ ์›น์˜ ํ•œ๊ณ„๋กœ ์ธํ•ด ๋ฐœ์ƒํ•˜๋Š” ๊ตฌ์กฐํ™” ๋ฐ์ดํ„ฐ ์†์‹ค, ์†๋„ ์ €ํ•˜, ํฌ๋กค๋ง ์˜ˆ์‚ฐ ๋‚ญ๋น„ ๋ฌธ์ œ๋ฅผ ํ”ผํ•˜๊ณ , ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ๋ฐ˜์‘ํ˜• ์Šคํ‚จ ์ ์šฉ์œผ๋กœ ๊ตฌ๊ธ€ Core Web Vitals ์ตœ์ ํ™”, ์‚ฌ์šฉ์ž ์ฒด๋ฅ˜ ์‹œ๊ฐ„ ์ฆ๊ฐ€, SEO ์ˆœ์œ„ ์ƒ์Šน๊นŒ์ง€ ๋‹ฌ์„ฑํ•˜๋Š” ๊ตฌ์ฒด์  ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค.


์›น ์ƒํƒœ๊ณ„์˜ ํŒจ๋Ÿฌ๋‹ค์ž„์ด ์™„์ „ํžˆ ๋ณ€ํ–ˆ์Šต๋‹ˆ๋‹ค. 2026๋…„ ํ˜„์žฌ, ์ „ ์„ธ๊ณ„ ์ธํ„ฐ๋„ท ํŠธ๋ž˜ํ”ฝ์˜ 78% ์ด์ƒ์ด ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ์—์„œ ๋ฐœ์ƒํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋ธ”๋กœ๊ทธ ๋ชจ๋ฐ”์ผ ๊ฒ€์ƒ‰ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•

๊ตฌ๊ธ€(Google)์€ ์ด๋ฏธ '๋ชจ๋ฐ”์ผ ํผ์ŠคํŠธ ์ธ๋ฑ์‹ฑ(Mobile-First Indexing)'์„ ๋„˜์–ด '๋ชจ๋ฐ”์ผ ์˜จ๋ฆฌ(Mobile-Only)'์— ๊ฐ€๊นŒ์šด ํ‰๊ฐ€ ๊ธฐ์ค€์„ ์ ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹จ์ˆœํžˆ ๋ชจ๋ฐ”์ผ์—์„œ ํ™”๋ฉด์ด ๋ณด์ธ๋‹ค๋Š” ๊ฒƒ๋งŒ์œผ๋กœ๋Š” ๋ถ€์กฑํ•ฉ๋‹ˆ๋‹ค.

ํ•˜๋“œ์›จ์–ด ์„ฑ๋Šฅ์ด ๋‚ฎ์€ ์ €์‚ฌ์–‘ ์Šค๋งˆํŠธํฐ ํ™˜๊ฒฝ์—์„œ๋„ ์ตœ์ ์˜ ์†๋„๋ฅผ ๋‚ผ ์ˆ˜ ์žˆ๋Š” ๊ธฐ์ˆ ์  ์ตœ์ ํ™”๊ฐ€ ๋ธ”๋กœ๊ทธ์˜ ์„ฑํŒจ๋ฅผ ๊ฒฐ์ •์ง“์Šต๋‹ˆ๋‹ค.

์ด๋ฒˆ ๊ธ€์—์„œ๋Š” ๋Œ€ํ•œ๋ฏผ๊ตญ๊ณผ ๊ธ€๋กœ๋ฒŒ ์ธํ„ฐ๋„ท ํ™˜๊ฒฝ์˜ ๊ฒฉ์ฐจ๋ฅผ ๋ถ„์„ํ•˜๊ณ , ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ฑฐ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ๋ฒ”ํ•˜๋Š” ์‹ค์ˆ˜์ธ '๋ชจ๋ฐ”์ผ ์›น(m. ๋ฒ„์ „) ์„ค์ •์˜ ๋ฌธ์ œ์ '์„ ๋ฐ์ดํ„ฐ๋กœ ์ฆ๋ช…ํ•˜๋ฉฐ, ์™œ ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ๋ฐ˜์‘ํ˜• ์Šคํ‚จ์ด SEO์˜ ์ •๋‹ต์ธ์ง€ ๋ถ„์„ํ•ด ๋ด…๋‹ˆ๋‹ค.


1. ๊ธ€๋กœ๋ฒŒ ๋ชจ๋ฐ”์ผ ๋ธ”๋กœ๊ทธ ํŠน์ง•: ๋Œ€ํ•œ๋ฏผ๊ตญ 5G ํ™˜๊ฒฝ๊ณผ ๊ธ€๋กœ๋ฒŒ ์ €์„ฑ๋Šฅ ๊ธฐ๊ธฐ ์‹œ์žฅ์˜ ๊ดด๋ฆฌ

์šฐ๋ฆฌ๋Š” ํ”ํžˆ ์ž์‹ ์˜ ์Šค๋งˆํŠธํฐ ํ™˜๊ฒฝ์ด ์ „ ์„ธ๊ณ„์˜ ํ‘œ์ค€์ด๋ผ๊ณ  ์ฐฉ๊ฐํ•˜๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ SEO๋Š” ์ „ ์„ธ๊ณ„์ ์ด๋ฉฐ ๋ณดํŽธ์ ์ธ ๊ธฐ์ค€์„ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค. ์Šค๋งˆํŠธํฐ ์›น ์ตœ์ ํ™”์˜ ์ง„์ •ํ•œ ๊ฐ€์น˜๋Š” ์ €์‚ฌ์–‘ ํ™˜๊ฒฝ์—์„œ์˜ ํผํฌ๋จผ์Šค์—์„œ ๊ฒฐ์ •๋ฉ๋‹ˆ๋‹ค.


Speedtest Global Index๋Š” ์ „ ์„ธ๊ณ„ ๊ตญ๊ฐ€์™€ ์ฃผ์š” ๋„์‹œ์˜ ์ธํ„ฐ๋„ท ์†๋„๋ฅผ ์ธก์ •ํ•˜๊ณ  ๋น„๊ตํ•˜์—ฌ ๋งค๋‹ฌ ์ˆœ์œ„๋ฅผ ๋ฐœํ‘œํ•˜๋Š” ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค

Speedtest Global Index์—์„œ ๋ฐœํ‘œํ•œ ๊ตญ๊ฐ€๋ณ„ ์ธํ„ฐ๋„ท ์†๋„ํ‘œ
Speedtest Global Index ์—์„œ ๋ฐœํ‘œํ•œ ๊ตญ๊ฐ€๋ณ„ ์ธํ„ฐ๋„ท ์†๋„(2025๋…„7์›”17์ผ ์ œ๊ณต)

  • ์ดˆ๊ณ ์† ๋Œ€ํ•œ๋ฏผ๊ตญ์˜ ์œ„์ƒ: ํ•œ๊ตญํ†ต์‹ ์‚ฌ์—…์ž์—ฐํ•ฉํšŒ(KTOA)์˜ 2024๋…„ ๋ณด๊ณ ์„œ์— ๋”ฐ๋ฅด๋ฉด ํ•œ๊ตญ์˜ ํ‰๊ท  ๋‹ค์šด๋กœ๋“œ ์†๋„๋Š” 1,025.52Mbps์— ์œก๋ฐ•ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์ „ ์„ธ๊ณ„ ํ‰๊ท  ๋Œ€๋น„ ์•ฝ 3.8๋ฐฐ ๋น ๋ฅธ ์ˆ˜์น˜์ž…๋‹ˆ๋‹ค.
  • ๊ธ€๋กœ๋ฒŒ ํ•˜๋ฐฉ ํ™˜๊ฒฝ์˜ ์‹ค์ฒด: ํ•˜์ง€๋งŒ ๋™๋‚จ์•„์‹œ์•„, ์•„ํ”„๋ฆฌ์นด, ๋‚จ๋ฏธ์˜ ์ผ๋ถ€ ๊ตญ๊ฐ€์—์„œ๋Š” ์—ฌ์ „ํžˆ 3G(WCDMA)๋ง๊ณผ ์ดˆ๊ธฐ 4G๋ง์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ๋ฉ”๋ชจ๋ฆฌ 2GB ๋ฏธ๋งŒ์˜ ์ €์‚ฌ์–‘ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ์ž๊ฐ€ ์ˆ˜์–ต ๋ช…์— ๋‹ฌํ•ฉ๋‹ˆ๋‹ค.
  • ๊ตฌ๊ธ€ ๋กœ๋ด‡์˜ ํ‰๊ฐ€ ๊ธฐ์ค€: ๊ตฌ๊ธ€์˜ ํฌ๋กค๋ง ๋ด‡์€ 'Fast 3G' ํ™˜๊ฒฝ์„ ๊ธฐ์ค€์œผ๋กœ ์‚ฌ์ดํŠธ์˜ ๋ Œ๋”๋ง ์„ฑ๋Šฅ์„ ํ‰๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, ํ•œ๊ตญ์—์„œ ๊ด‘์†์œผ๋กœ ์—ด๋ฆฌ๋Š” ๋ธ”๋กœ๊ทธ๋ผ๋„ ์ฝ”๋“œ ๊ตฌ์กฐ๊ฐ€ ๋ฌด๊ฒ๋‹ค๋ฉด ๊ฒ€์ƒ‰์—”์ง„์œผ๋กœ๋ถ€ํ„ฐ "๋А๋ฆฐ ์‚ฌ์ดํŠธ"๋ผ๋Š” ํŒ์ •์„ ๋ฐ›๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

2. ๊ตฌ๊ธ€ ๋ชจ๋ฐ”์ผ ํผ์ŠคํŠธ ์ธ๋ฑ์‹ฑ ๋Œ€์‘ ์ „๋žต 2026: ํ•ต์‹ฌ ์ง€ํ‘œ(Core Web Vitals)์˜ ๊ฐ€์น˜

๊ตฌ๊ธ€์€ ์‚ฌ์ดํŠธ๋ฅผ ํ‰๊ฐ€ํ•  ๋•Œ ๋” ์ด์ƒ ๋ฐ์Šคํฌํ†ฑ ๋ฒ„์ „์„ ๋ณด์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์˜ค์ง ๋ชจ๋ฐ”์ผ ํ™”๋ฉด์˜ ๊ตฌ์กฐ์™€ ๋ชจ๋ฐ”์ผ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„ ๊ฐœ์„  ์—ฌ๋ถ€๋งŒ์„ ์ˆ˜์ง‘ํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์— ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.

  • LCP (Largest Contentful Paint): ํŽ˜์ด์ง€ ๋‚ด ๊ฐ€์žฅ ํฐ ์ด๋ฏธ์ง€๋‚˜ ํ…์ŠคํŠธ ๋ธ”๋ก์ด ํ™”๋ฉด์— ๋‚˜ํƒ€๋‚˜๋Š” ์‹œ๊ฐ„์ž…๋‹ˆ๋‹ค. 2026๋…„ ๊ธฐ์ค€ 2.0์ดˆ ์ด๋‚ด๊ฐ€ ๊ถŒ์žฅ๋ฉ๋‹ˆ๋‹ค.
  • CLS (Cumulative Layout Shift): ๋กœ๋”ฉ ์ค‘ ๋ ˆ์ด์•„์›ƒ์ด ํ”๋“ค๋ฆฌ๋Š” ํ˜„์ƒ์ž…๋‹ˆ๋‹ค. ๋ชจ๋ฐ”์ผ์€ ํ™”๋ฉด์ด ์ž‘์•„ ์ž‘์€ ํ”๋“ค๋ฆผ๋„ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์‹ฌ๊ฐํ•˜๊ฒŒ ์ €ํ•ดํ•ฉ๋‹ˆ๋‹ค.
  • INP (Interaction to Next Paint): ํด๋ฆญ ์‹œ ๋ฐ˜์‘ํ•˜๋Š” ์†๋„์ž…๋‹ˆ๋‹ค. ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ์˜ CPU ์„ฑ๋Šฅ์— ๋”ฐ๋ผ ํฌ๊ฒŒ ์ขŒ์šฐ๋˜๋Š” ์ง€ํ‘œ์ž…๋‹ˆ๋‹ค.

3. ๋ธ”๋กœ๊ทธ ๋ชจ๋ฐ”์ผ ๋ฒ„์ „ ๋ฌธ์ œ์ 

๋งŽ์€ ์ดˆ๋ณด ๋ธ”๋กœ๊ฑฐ๋“ค์ด ํ‹ฐ์Šคํ† ๋ฆฌ ์„ค์ •์—์„œ '๋ชจ๋ฐ”์ผ ์›น ์ž๋™ ์—ฐ๊ฒฐ'์„ ์ผœ๋‘ก๋‹ˆ๋‹ค. ์ด๋Š” ํ‹ฐ์Šคํ† ๋ฆฌ ๋ชจ๋ฐ”์ผ ์ „์šฉ ์Šคํ‚จ ํ•ด์ œํ•ด์•ผ ํ•˜๋Š” ์ด์œ ๋ฅผ ๊ฐ„๊ณผํ•œ ๊ธฐ์ˆ ์ ์œผ๋กœ ๋งค์šฐ ์œ„ํ—˜ํ•œ ์„ ํƒ์ž…๋‹ˆ๋‹ค.

3.1 ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ์™€ ์Šคํ‚ค๋งˆ ๋งˆํฌ์—…์˜ ์†์‹ค

ํ‹ฐ์Šคํ† ๋ฆฌ์˜ ๊ธฐ๋ณธ ๋ชจ๋ฐ”์ผ ์›น(m. ๋ฒ„์ „)์€ ๋ณธ๋ž˜์˜ HTML ์ฝ”๋“œ๋ฅผ ์ž„์˜๋กœ ๊ฐ€๊ณตํ•˜์—ฌ ๋ฟŒ๋ ค์ค๋‹ˆ๋‹ค. ์ด ๊ณผ์ •์—์„œ ์‚ฌ์šฉ์ž๊ฐ€ ์ •์„ฑ๊ป ์‹ฌ์–ด๋‘” JSON-LD ํ˜•์‹์˜ ๊ตฌ์กฐํ™” ๋ฐ์ดํ„ฐ๋‚˜ ํƒœ๊ทธ๊ฐ€ ๋ˆ„๋ฝ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ 90% ์ด์ƒ์ž…๋‹ˆ๋‹ค. ์ด๋Š” ๊ตฌ๊ธ€์ด ํ•ด๋‹น ํฌ์ŠคํŒ…์˜ ์„ฑ๊ฒฉ์„ ์˜คํ•ดํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ์›์ธ์ด ๋ฉ๋‹ˆ๋‹ค.

3.2 Canonical URL๊ณผ ์ค‘๋ณต ์ฝ˜ํ…์ธ ์˜ ์ถฉ๋Œ (ํฌ๋กค๋ง ์˜ˆ์‚ฐ ๋‚ญ๋น„)

๊ฒ€์ƒ‰ ์—”์ง„์€ ํ•˜๋‚˜์˜ ์ฝ˜ํ…์ธ ์— ํ•˜๋‚˜์˜ ์ฃผ์†Œ(URL)๋ฅผ ์„ ํ˜ธํ•ฉ๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ m๋ฒ„์ „์„ ์‚ฌ์šฉํ•˜๋ฉด domain.com/1๊ณผ domain.com/m/1์ด๋ผ๋Š” ๋‘ ๊ฐœ์˜ ์ฃผ์†Œ๊ฐ€ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ๋น„๋ก ์บ๋…ธ๋‹ˆ์ปฌ ํƒœ๊ทธ๊ฐ€ ์ ์šฉ๋˜๋”๋ผ๋„, ํฌ๋กค๋ง ๋กœ๋ด‡์€ ๋‘ ์ฃผ์†Œ๋ฅผ ๋ชจ๋‘ ๋ฐฉ๋ฌธํ•ด์•ผ ํ•˜๋ฏ€๋กœ ์†Œ์ค‘ํ•œ ํฌ๋กค๋ง ์˜ˆ์‚ฐ(Crawl Budget)์ด ๋‚ญ๋น„๋ฉ๋‹ˆ๋‹ค.

๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ๋Š” ๊ฐ•์ œ๋กœ PC ๋ฒ„์ „ ์ ‘์†์—์„œ ์ƒ‰์ธ์„ ๊ฑฐ๋ถ€ํ•˜๋Š” ๋…ธ์ธ๋ฑ์‹ฑ์„ ์ ์šฉํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ๋Š” ํƒ€ ๊ฒ€์ƒ‰์—์„œ๋Š” PC ๋ฒ„์ „ ๋ธ”๋กœ๊ทธ๊ฐ€ ๊ฑฐ์˜ ๋…ธ์ถœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ํ‹ฐ์Šคํ† ๋ฆฌ๋Š” ๋ธ”๋กœ๊ทธ ์šด์˜์ž์˜ ์ž์œจ์„ฑ์„ ์กด์ค‘ํ•˜์—ฌ, PC/๋ชจ๋ฐ”์ผ ์„ ํƒ๊ถŒ์„ ๋ธ”๋กœ๊ทธ ์šด์˜์ž์—๊ฒŒ ๋ถ€์—ฌํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ €์‚ฌ์–‘ ํœด๋Œ€ํฐ์—์„œ๋„ ๋น ๋ฅธ ๋ธ”๋กœ๊ทธ ๋งŒ๋“ค๊ธฐ๋ฅผ ์œ„ํ•ด์„œ๋Š” ์šด์˜์ž์˜ ๋Šฅ๋™์ ์ธ ์„ค์ •์ด ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค.

3.3 ์‚ฌ์šฉ์ž ์ •์˜ ์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ๋ถˆ๊ฐ€ ๋ฐ ๋ธ”๋กœ๊ทธ ์ •์ฒด์„ฑ ํ›ผ์†

ํฐํŠธ ์ตœ์ ํ™”, ํŠน์ • UI ์• ๋‹ˆ๋ฉ”์ด์…˜, ์‹ฌ์ง€์–ด ์ •๊ตํ•˜๊ฒŒ ์„ค๊ณ„๋œ ๋ชฉ์ฐจ(TOC) ๊ธฐ๋Šฅ ๋“ฑ์€ ๊ธฐ๋ณธ ๋ชจ๋ฐ”์ผ ์›น์—์„œ๋Š” ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๋ฐฉ๋ฌธ์ž์˜ ์ฒด๋ฅ˜ ์‹œ๊ฐ„์„ ๋‹จ์ถ•์‹œํ‚ค๋Š” ํ•ต์‹ฌ ์š”์†Œ์ž…๋‹ˆ๋‹ค. ์ฆ‰, ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๋งŒ์ด ๊ฐ€์ง„ ๋ธ”๋กœ๊ทธ ์šด์˜์ž์˜ ๊ฐœ์„ฑ์ด ๋“ฌ๋ฟ ๋‹ด๊ธด ๋ธ”๋กœ๊ทธ๊ฐ€ ์•„๋‹Œ, ๋„ค์ด๋ฒ„์ฒ˜๋Ÿผ ํ†ต์ œ๋˜๊ณ  ๋ชจ๋‘ ๋˜‘๊ฐ™์€ ๋ธ”๋กœ๊ทธ๋กœ ๋งŒ๋“ค์–ด์ ธ ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ๋กœ ํ’ˆ์œ„๋ฅผ ๋‚ฎ์ถ”๋Š” ๊ฒฐ๊ณผ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.

์ฆ‰ ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๋ฅผ ์šด์˜ํ•ด์•ผ ํ•˜๋Š” ์ด์œ ๊ฐ€ ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค.


4. [๋น„๊ต ๋ถ„์„ ๋ฐ์ดํ„ฐ] ๊ธฐ๋ณธ ๋ชจ๋ฐ”์ผ ์›น SEO ์ตœ์ ํ™” ์Šคํ‚จ (๋ฐ˜์‘ํ˜•)

๋‹ค์Œ์€ ์‹ค์ œ ๋™์ผํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ๋Œ€์ƒ์œผ๋กœ ์„œ๋กœ ๋‹ค๋ฅธ ๋ชจ๋ฐ”์ผ ํ™˜๊ฒฝ์—์„œ ์ธก์ •ํ•œ ์„ฑ๋Šฅ ๋น„๊ต ๋ฐ์ดํ„ฐ์ž…๋‹ˆ๋‹ค. ๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ ์žฅ์ ์ด ๊ทน๋ช…ํ•˜๊ฒŒ ๋“œ๋Ÿฌ๋‚ฉ๋‹ˆ๋‹ค.

๋ธ”๋กœ๊ทธ ๋ชจ๋ฐ”์ผ ์ตœ์ ํ™” ํ…Œ์ŠคํŠธ ์ ๊ฒ€ํ‘œ
๊ธฐ๋ณธ ์Šคํ‚จ M๋ฒ„์ „ ์Šคํ‚จ๊ณผ ์‚ฌ์šฉ์ž ์ •์˜ ๊ตฌ๊ธ€ ํŽ˜์ด์ง€ ์Šคํ”ผ๋“œ ์ ์ˆ˜ ๊ฒฐ๊ณผํ‘œ

๋ถ„์„ ์ง€ํ‘œ ๊ธฐ๋ณธ ๋ชจ๋ฐ”์ผ ์›น (m. ๋ฒ„์ „) ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ๋ฐ˜์‘ํ˜• ์Šคํ‚จ SEO ํ–ฅ์ƒ ๊ธฐ์—ฌ๋„
์ดˆ๊ธฐ ์‘๋‹ต ์‹œ๊ฐ„ (TTFB) 0.6s ์ด์ƒ (๋ฆฌ๋‹ค์ด๋ ‰ํŠธ ๋ฐœ์ƒ) 0.2s ์ดํ•˜ (์ง์ ‘ ์ ‘์†) ๋งค์šฐ ๋†’์Œ
์Šคํฌ๋ฆฝํŠธ ์ตœ์ ํ™” ๋ถˆํ•„์š”ํ•œ ๊ณตํ†ต ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋กœ๋“œ ํ•„์š”ํ•œ ์ฝ”๋“œ๋งŒ ๋กœ๋“œ (Tree Shaking) ๋†’์Œ
์ด๋ฏธ์ง€ ๋ ˆ์ด์ง€ ๋กœ๋”ฉ ์ œํ•œ์  ์ง€์› Native Lazy Loading ์™„๋ฒฝ ์ง€์› ์ค‘๊ฐ„
ํฐํŠธ ๋ Œ๋”๋ง (Swap) ์ง€์› ์•ˆ ํ•จ Font-display: swap ์ ์šฉ ๋†’์Œ
๊ด‘๊ณ  ์ˆ˜์ต ๊ตฌ์กฐ ๋ณธ๋ฌธ1๊ฐœ ๋ณธ๋ฌธ ๋ฌธ๋งฅ์— ๋งž๋Š” ๋ฐฐ์น˜ ์ˆ˜์ต ์ง๊ฒฐ

์™œ ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ์Šคํ‚จ์ด ์ •๋‹ต์ธ๊ฐ€?

์œ„ ํ‘œ์—์„œ ๋ณด๋“ฏ, ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ์Šคํ‚จ์€ ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ์ ์—์„œ ์••๋„์ ์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ์ ‘์†ํ–ˆ์„ ๋•Œ ์„œ๋ฒ„์—์„œ ๋ฐ”๋กœ ๋ฐ˜์‘ํ˜• ์ฝ”๋“œ๋ฅผ ์†ก์ถœํ•˜๋ฏ€๋กœ, m๋ฒ„์ „์œผ๋กœ ๊ฐ•์ œ ์ „ํ™˜๋˜๋Š” ์‹œ๊ฐ„์„ ์ ˆ์•ฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๊ฒ€์ƒ‰์—”์ง„์˜ ์†๋„ ํ‰๊ฐ€ ์ ์ˆ˜์—์„œ ์•ฝ 15% ์ด์ƒ์˜ ๊ฐ€์‚ฐ์ ์„ ๋ฐ›๋Š” ์š”์ธ์ด ๋ฉ๋‹ˆ๋‹ค.


๋ธ”๋กœ๊ทธ์˜ ์„ฑ์žฅ ์†๋„๊ฐ€ ์ •์ฒด๋˜์–ด ์žˆ๋‹ค๋ฉด ๊ธฐ์ˆ ์  ๋ถ€์ฑ„๋ฅผ ์ ๊ฒ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํ‹ฐ์Šคํ† ๋ฆฌ ๋ชจ๋ฐ”์ผ ์›น ์ž๋™์—ฐ๊ฒฐ ํ•ด์ œ ๋ฐฉ๋ฒ•์„ ํฌํ•จํ•œ ์•„๋ž˜ ๋‹จ๊ณ„์— ๋”ฐ๋ผ ์„ค์ •์„ ๋ณ€๊ฒฝํ•˜์‹ญ์‹œ์˜ค.

  1. ํ‹ฐ์Šคํ† ๋ฆฌ ์„ค์ • ๋ณ€๊ฒฝ: [๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€] - [๊พธ๋ฏธ๊ธฐ] - [๋ชจ๋ฐ”์ผ]์—์„œ 'ํ‹ฐ์Šคํ† ๋ฆฌ ๋ชจ๋ฐ”์ผ ์›น ์ž๋™ ์—ฐ๊ฒฐ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค'๋กœ ์ฒดํฌํ•ฉ๋‹ˆ๋‹ค.
  2. ๋ฐ˜์‘ํ˜• ์Šคํ‚จ ์ ๊ฒ€: ํ˜„์žฌ ์‚ฌ์šฉ ์ค‘์ธ ์Šคํ‚จ์ด CSS ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ(Media Queries)๋ฅผ ํ†ตํ•ด ๋‹ค์–‘ํ•œ ํ•ด์ƒ๋„์— ๋Œ€์‘ํ•˜๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.
  3. ์ด๋ฏธ์ง€ ํฌ๋งท ๋ณ€๊ฒฝ: JPG/PNG ๋Œ€์‹  ์ฐจ์„ธ๋Œ€ ํฌ๋งท์ธ WebP ํ˜น์€ AVIF๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์šฉ๋Ÿ‰์„ 70% ์ด์ƒ ์ ˆ๊ฐํ•ฉ๋‹ˆ๋‹ค.
  4. ๊ฐ€๋…์„ฑ ํ™•๋ณด: ๋ชจ๋ฐ”์ผ ๊ฐ€๋…์„ฑ์„ ์œ„ํ•ด ๋ณธ๋ฌธ ํฐํŠธ ํฌ๊ธฐ๋ฅผ ์ตœ์†Œ 16px ์ด์ƒ์œผ๋กœ ์„ค์ •ํ•˜๊ณ , ์ค„ ๊ฐ„๊ฒฉ์„ 1.6~1.8๋ฐฐ๋กœ ์กฐ์ •ํ•ฉ๋‹ˆ๋‹ค.

๊ฒฐ๋ก ์ ์œผ๋กœ, ๋ชจ๋ฐ”์ผ ๋ฒ„์ „์˜ ํŠน์ˆ˜์„ฑ์„ ์ดํ•ดํ•˜๊ณ  m๋ฒ„์ „์˜ ์ œ์•ฝ์„ ๋ฒ—์–ด๋‚˜ ์ปค์Šคํ„ฐ๋งˆ์ด์ง•๋œ ํ™˜๊ฒฝ์„ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์€, ๋‹จ์ˆœํžˆ ๋ณด๊ธฐ ์ข‹์€ ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๊ฒ€์ƒ‰์—”์ง„์ด๋ผ๋Š” ๊ฑฐ๋Œ€ํ•œ ๋…ธ์ถœ ์‹œ์žฅ์—๊ฒŒ ์ž์‹ ์˜ ์ฝ˜ํ…์ธ ๊ฐ€ ๊ฐ€์žฅ ๊ฐ€์น˜ ์žˆ์Œ์„ ์ฆ๋ช…ํ•˜๋Š” ๊ณผ์ •์ž…๋‹ˆ๋‹ค.

Latest in this category

    ์ฟ ํŒกํŒŒํŠธ๋„ˆ์Šค API V2 ๊ธฐ๋ฐ˜์œผ๋กœ ์ตœ์‹ ์ƒํ’ˆ ๋ฐ ์ธ๊ธฐ์ƒํ’ˆ์ด ์ž๋™ ๋…ธ์ถœ๋ฉ๋‹ˆ๋‹ค.

    AI ์ฑ—๋ด‡์œผ๋กœ ๊ด€๋ จ ์ •๋ณด๋ฅผ ๋น ๋ฅด๊ฒŒ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฉˆ์ถค
    ๋…ธ๋ž˜ ์žฌ์ƒ ๋ฉˆ์ถค