๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๊ด‘๊ณ  ๋ฐฐ๋„ˆ
SEO/seo-tips

๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)์—์„œ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„ ํ–ฅ์ƒ ๋ฐฉ๋ฒ• [async์™€ defer ํ™œ์šฉํ•˜๊ธฐ]

ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„ ํ–ฅ์ƒ์„ ์œ„ํ•œ Async์™€ Defer ์‚ฌ์šฉ๋ฒ•

SEO ์ตœ์ ํ™”๋ฅผ ์œ„ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋กœ๋”ฉ ์†๋„ ๊ฐœ์„ 

ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„๋Š” ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)์—์„œ ์ค‘์š”ํ•œ ์š”์†Œ๋กœ, ๊ฒ€์ƒ‰ ์—”์ง„์ด ์›น ํŽ˜์ด์ง€๋ฅผ ํฌ๋กค๋งํ•˜๊ณ  ์ธ๋ฑ์‹ฑํ•  ๋•Œ ์ค‘์š”ํ•œ ์˜ํ–ฅ์„ ๋ฏธ์นฉ๋‹ˆ๋‹ค. ์›น ํŽ˜์ด์ง€์˜ ๋กœ๋”ฉ ์†๋„๊ฐ€ ๋А๋ฆฌ๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ํŽ˜์ด์ง€๋ฅผ ๋– ๋‚  ๊ฐ€๋Šฅ์„ฑ์ด ๋†’๊ณ , ๊ฒ€์ƒ‰ ์—”์ง„ ์ˆœ์œ„์—๋„ ๋ถ€์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์น  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋กœ๋”ฉ ๋ฐฉ์‹์„ ์ œ์–ดํ•˜๋ฉด ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„๋ฅผ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์ค‘ async์™€ defer๋ฅผ ํ™œ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ํŽ˜์ด์ง€ ๋กœ๋”ฉ์„ ์ตœ์ ํ™”ํ•˜๋Š” ๋ฐ ์ข‹์€ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

async์™€ defer๋กœ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค๊ธฐ

async ์™€ defer๋ฅผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜๋ฉด ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋”ฉ๋˜๋Š” ์†๋„๋ฅผ ์ œ์–ดํ• ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ค‘์š”ํ•œ ์ฝ”๋“œ์™€ ์ฐจํ›„ ์‹คํ–‰๋˜๋„ ์ƒ๊ด€ ์—†๋Š” ์ฝ”๋“œ๋ฅผ ๊ตฌ๋ถ„ํ•ด์„œ ์ˆœ์ฐจ์ ์œผ๋กœ ๋กœ๋”ฉ์„ ์ œ์–ดํ•ด์„œ ์ตœ์ดˆ ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋”ฉ ๋˜๋Š” ์†๋„๋ฅผ ์ œ์–ดํ•ด ์ค๋‹ˆ๋‹ค.

๋จผ์ € ์‹คํ–‰ํ•˜์ง€ ์•Š์•„๋„ ์ƒ๊ด€์—†๋Š” ์ฝ”๋“œ๋ฅผ ๋™์‹œ์— ๋กœ๋”ฉ์‹œ ์‹คํ–‰ํ•˜๊ฒŒ ๋˜๋ฉด ๊ทธ ์‹คํ–‰ ์‹œ๊ฐ„๋งŒํผ ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋”ฉ ๋˜๋Š”๋ฐ ์†Œ์š”๋ฉ๋‹ˆ๋‹ค.

async ์‚ฌ์šฉ๋ฐฉ๋ฒ•

async๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋น„๋™๊ธฐ์ ์œผ๋กœ ๋กœ๋“œํ•˜๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ๋ฌธ์„œ๊ฐ€ ๋กœ๋“œ๋˜๋Š” ๋™์•ˆ ์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ ๋ถˆ์–ด์˜ค๊ณ  ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

async ์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์™ธ๋ถ€ ์š”์†Œ๋ฅผ ๋น„๋™๊ธฐ์ ์œผ๋กœ ๋กœ๋“œํ•˜์—ฌ ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” ์†๋„๋ฅผ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฐฉ๋ฒ•์€ ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋  ๋•Œ HTML ๊ตฌ์กฐ ๋ถ„์„ ๊ณผ์ •์—์„œ ์ค‘๋‹จ ์—†์ด ์™ธ๋ถ€ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋น„๋™๊ธฐ์ ์œผ๋กœ ๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค. ์š”์†Œ๊ฐ€ ๋‹ค์šด๋กœ๋“œ๊ฐ€ ์™„๋ฃŒ๋˜๋ฉด ์ฆ‰์‹œ ์‹คํ–‰๋˜๋ฉฐ, ๋™์‹œ ๋กœ๋“œ๋ฅผ ํ†ตํ•ด ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” ์†๋„๋ฅผ ๋†’์ด๋Š” ํšจ๊ณผ๋ฅผ ์ค๋‹ˆ๋‹ค.

๋‹จ ๊ฐ๊ฐ์˜ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ˆœ์„œ์—†์ด ๋™์‹œ์— ์ง„ํ–‰๋˜๊ธฐ ๋•Œ๋ฌธ์— ์Šคํฌ๋ฆฝํŠธ์˜ ์‹คํ–‰์ˆœ์„œ๋Š” ์ œ์–ดํ• ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์— ์ˆœ์ฐจ์ ์œผ๋กœ ์‹คํ–‰ ๋˜์–ด์•ผ ํ•˜๋Š” ์Šคํฌ๋ฆฝํŠธ ์‚ฌ์šฉ์‹œ๋Š” ์ฃผ์˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

โœ” ์˜ˆ์‹œ

<script async src="https://example.com/script.js"></script>
  • HTML๋ถ„์„๊ณผ ์Šคํฌ๋ฆฝํŠธ ๋กœ๋”ฉ์ด ๋™์‹œ์— ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค.
  • ์Šคํฌ๋ฆฝํŠธ๋‹ค์šด์ด ์™„๋ฃŒ๋˜๋ฉด ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค.
  • ์‹คํ–‰์€ ๋‹ค์šด๋กœ๋“œ ์™„๋ฃŒ์‹œ ์ง„ํ–‰๋˜๊ธฐ ๋•Œ๋ฌธ์— ์ž‘๋™์ˆœ์„œ๋ฅผ ํ™•์ •ํ• ์ˆ˜ ์—†๋Š” ๋‹จ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

defer ์‚ฌ์šฉ๋ฐฉ๋ฒ•

defer๋Š” ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™”๋ฅผ ์œ„ํ•ด ์™ธ๋ถ€ ์š”์†Œ๋ฅผ HTML ๊ธฐ๋ณธ ์ž‘์—…(ํŒŒ์‹ฑ)์ด ์™„๋ฃŒ๋œ ํ›„์— ์‹คํ–‰ํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ฐฉ๋ฒ•์€ ์ˆœ์ฐจ์ ์œผ๋กœ ์ง„ํ–‰์ด ๊ฐ€๋Šฅํ•˜๋ฉฐ, ๊ธฐ๋ณธ ๋กœ๋”ฉ์— ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š์•„ ์ตœ์ดˆ ๋กœ๋”ฉ ์†๋„๋ฅผ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. defer๋Š” ๋กœ๋”ฉ์„ ์ง€์—ฐ์‹œ์ผœ ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” ์†๋„๋ฅผ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ํšจ๊ณผ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

[ ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๊พธ๋ฏธ๊ธฐ ] SEO ์ตœ์ ํ™”๋กœ ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๊ธ€ ๋ชฉ๋ก ๋…ธ์ถœ ๊ฐœ์„ ํ•˜๊ธฐ

ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธ€ ๋ฆฌ์ŠคํŠธ ์ œ๋ชฉ ๋ฐ ์ด๋ฏธ์ง€ ๋…ธ์ถœ ๋ฐฉ์‹์„ ๊ฐœ์„ ํ•˜๋Š” ๋ฐฉ๋ฒ•ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๊ธ€ ๋ชฉ๋ก ๋…ธ์ถœ ๊ฐœ์„ ํ•˜๊ธฐ๋ธ”๋กœ๊ทธ๋ฅผ ์šด์˜ํ•˜๋ฉด์„œ ์ฝ˜ํ…์ธ ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ์ด๋ฅผ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ์•Œ๋ฆฌ๋Š” ๊ฒƒ์€ ๋งค์šฐ ์ค‘์š”ํ•œ

everydayhub.tistory.com

์ฆ‰ ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋”ฉ๋œ ํ›„ ์‹คํ–‰๋˜๊ธฐ๋•Œ๋ฌธ์— ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ์„ ์ตœ๋Œ€ํ•œ ์ค„์ผ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

โœ” ์˜ˆ์‹œ

<script defer src="https://example.com/script.js"></script>
  • HTML ๊ธฐ๋ณธ์ž‘์—…(ํŒŒ์‹ฑ)์ด ์™„๋ฃŒํ›„ ๋กœ๋”ฉ์ด ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค.
  • ์ˆœ์ฐจ์  ๋กœ๋”ฉ์„ ์ œ์–ด ํ• ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

async ์™€ defer ์‚ฌ์šฉ๋ฐฉ๋ฒ• ์˜ˆ์ œ
async ์™€ defer ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

๋ฐ˜์‘ํ˜•

'SEO > seo-tips' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

์ด๋ฏธ์ง€ ๋กœ๋”ฉ ์†๋„ ์ตœ์ ํ™”- ๋ฏธ๋ฆฌ๋กœ๋“œ์™€ ์ง€์—ฐ๋กœ๋“œ ํ™œ์šฉ ๋ฐฉ๋ฒ•  (0) 2024.10.29
PurifyCSS๋ฅผ ์ด์šฉํ•ด์„œ CSS ์ฝ”๋“œ ์ตœ์ ํ™” ๋ฐ ๋ถˆํ•„์š”ํ•œ ์ฝ”๋“œ ์‚ญ์ œ ๋ฐฉ๋ฒ•  (0) 2024.10.28
[ ๊ธด ๋ฌธ์žฅ ๋ฌธ์ œ ] ๋ธ”๋กœ๊ทธ ๊ธ€์“ฐ๊ธฐ์™€ SEO ์ตœ์ ํ™” ๋ฌธ์žฅ ๊ตฌ์กฐ ๊ฐœ์„ ๋ฒ•  (0) 2024.10.28
๊ฒ€์ƒ‰ ์ตœ์ ํ™” ๋กœ๋”ฉ ์†๋„ ํ–ฅ์ƒ ๋ฐฉ๋ฒ• [ DNS-prefetch ]๋ฅผ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•  (0) 2024.10.25
HTTP ์ƒํƒœ ์ฝ”๋“œ 404,301,200.. ์ฝ”๋“œ๋“ฑ ์ „์ฒด ์—๋Ÿฌ ์ฝ”๋“œ์˜ ์ข…๋ฅ˜์™€ ์„ค๋ช…  (0) 2024.10.25
[ ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” ] ์—๋“œ์„ผ์Šค 404 ์—๋Ÿฌ ๋ฐœ์ƒ ์›์ธ๊ณผ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•  (0) 2024.10.24
[ ์ด๋ฏธ์ง€ ์ž๋™ ์†์„ฑ ์ ์šฉ๋ฒ• ] ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ์ž๋™ LAZY ์†์„ฑ ์ถ”๊ฐ€ ๋ฐฉ๋ฒ•  (0) 2024.10.24