꿀정보

πŸš€ DNS ν”„λ¦¬νŒ¨μΉ˜(DNS Prefetch): μ›Ήμ‚¬μ΄νŠΈ 속도 ν–₯상 κ°€μ΄λ“œ (2025λ…„ 11μ›” κΈ°μ€€)

1. 🌐 DNSλž€ λ¬΄μ—‡μΈκ°€μš”? (핡심 κ°œλ…)

DNS (Domain Name System)λŠ” μš°λ¦¬κ°€ μ£Όμ†Œλ₯Ό μ‰½κ²Œ κΈ°μ–΅ν•  수 μžˆλ„λ‘ 도메인 이름(google.com)을 컴퓨터가 μΈμ‹ν•˜λŠ” μ‹€μ œ μ£Όμ†ŒμΈ IP μ£Όμ†Œ(142.250.xxx.xxx)둜 λ³€ν™˜ν•΄μ£ΌλŠ” μ‹œμŠ€ν…œμž…λ‹ˆλ‹€.

🏠 μ‚¬μš©μžκ°€ μ›Ήμ‚¬μ΄νŠΈλ₯Ό μš”μ²­ν•˜λ©΄, λΈŒλΌμš°μ €λŠ” μ½˜ν…μΈ λ₯Ό λ‹€μš΄λ‘œλ“œν•˜κΈ° 전에 λ°˜λ“œμ‹œ 이 β€˜μ£Όμ†Œ 쑰회(DNS Lookup)’ 과정을 거쳐야 ν•©λ‹ˆλ‹€. 이 μ‘°νšŒμ— κ±Έλ¦¬λŠ” μ‹œκ°„μ΄ λ°”λ‘œ **지연 μ‹œκ°„(Latency)**을 μœ λ°œν•˜λŠ” μš”μ†Œ 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€.

Getty Images

2. ⚑️ DNS ν”„λ¦¬νŽ˜μΉ˜ κΈ°λŠ₯κ³Ό 원리

DNS ν”„λ¦¬νŽ˜μΉ˜(DNS Prefetch)λŠ” λΈŒλΌμš°μ €κ°€ νŠΉμ • 도메인에 접속할 κ°€λŠ₯성이 λ†’λ‹€κ³  νŒλ‹¨λ  λ•Œ, μ‚¬μš©μžκ°€ μ‹€μ œλ‘œ κ·Έ λ„λ©”μΈμ˜ μžμ›μ„ μš”μ²­ν•˜κΈ° 이전에 미리 DNS 쑰회λ₯Ό μˆ˜ν–‰ν•˜μ—¬ μ£Όμ†Œλ₯Ό 확보해 λ‘λŠ” κΈ°λŠ₯μž…λ‹ˆλ‹€.

  • 원리: λΈŒλΌμš°μ €κ°€ 유휴 μƒνƒœ(Idle Time)일 λ•Œ λ°±κ·ΈλΌμš΄λ“œμ—μ„œ 쑰용히 μ£Όμ†Œ λ³€ν™˜ μž‘μ—…μ„ μ²˜λ¦¬ν•©λ‹ˆλ‹€.
  • λͺ©ν‘œ: μ‹€μ œ 연결이 ν•„μš”ν•  λ•Œ DNS 쑰회 λŒ€κΈ° μ‹œκ°„μ„ 0에 κ°€κΉκ²Œ λ§Œλ“€μ–΄ 즉각적인 연결을 κ°€λŠ₯ν•˜κ²Œ ν•©λ‹ˆλ‹€.

3. βœ… 속도 ν–₯상 효과

DNS ν”„λ¦¬νŽ˜μΉ˜λŠ” μ›Ή μ„±λŠ₯ μ΅œμ ν™”(WPO)의 기본적인 기법이며, 특히 μ„œλ“œνŒŒν‹°(Third-Party) μžμ›μ„ 많이 μ‚¬μš©ν•˜λŠ” μ›Ήμ‚¬μ΄νŠΈμ—μ„œ 체감 속도 ν–₯상 νš¨κ³Όκ°€ ν½λ‹ˆλ‹€.

ν•­λͺ©μƒμ„Έ 효과
지연 μ‹œκ°„ κ°μ†ŒDNS μ‘°νšŒμ— μ†Œμš”λ˜λŠ” 평균 50ms ~ 200ms의 λŒ€κΈ° μ‹œκ°„μ„ μ ˆμ•½ν•©λ‹ˆλ‹€.
μ™ΈλΆ€ μžμ› λ‘œλ”©κ΅¬κΈ€ 폰트, 톡계 슀크립트, CDN, μ†Œμ…œ λ―Έλ””μ–΄ μœ„μ ― λ“± μ™ΈλΆ€ 도메인을 뢈러올 λ•Œ 속도 ν–₯상에 κΈ°μ—¬ν•©λ‹ˆλ‹€.
μ‚¬μš©μž κ²½ν—˜(UX)λ‘œλ”© μ‹œκ°„μ΄ λ‹¨μΆ•λ˜μ–΄ μ›Ήμ‚¬μ΄νŠΈμ˜ λ°˜μ‘μ„±μ΄ 높아지고 μ΄νƒˆλ₯ μ΄ μ€„μ–΄λ“­λ‹ˆλ‹€.

4. πŸ›  적용 방법 및 ꡬ문

HTML λ¬Έμ„œμ˜ <head> νƒœκ·Έ μ•ˆμ— <link> μš”μ†Œλ₯Ό μ‚¬μš©ν•˜μ—¬ μ μš©ν•©λ‹ˆλ‹€.

ꡬ문:

HTML

<link rel="dns-prefetch" href="//도메인 μ£Όμ†Œ">
적용 μ˜ˆμ‹œλͺ©μ 
<link rel="dns-prefetch" href="//fonts.googleapis.com">ꡬ글 폰트 μ£Όμ†Œ 미리 쑰회
<link rel="dns-prefetch" href="//www.google-analytics.com">ꡬ글 μ• λ„λ¦¬ν‹±μŠ€ 슀크립트 μ£Όμ†Œ 미리 쑰회
<link rel="dns-prefetch" href="//cdn.mysite.com">μ½˜ν…μΈ  전솑 λ„€νŠΈμ›Œν¬(CDN) μ£Όμ†Œ 미리 쑰회

5. ❌ μ‚¬μš© μ‹œ μ£Όμ˜μ‚¬ν•­

κ³Όλ„ν•œ μ‚¬μš©μ€ 였히렀 μ„±λŠ₯ μ €ν•˜λ₯Ό μΌμœΌν‚¬ 수 μžˆμŠ΅λ‹ˆλ‹€.

  • μ œν•œμ μΈ μ‚¬μš©: νŽ˜μ΄μ§€λ‹Ή 3~5개의 μ™ΈλΆ€ λ„λ©”μΈμ—λ§Œ μ „λž΅μ μœΌλ‘œ μ μš©ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.
  • μžμ› λ‚­λΉ„: λΆˆν•„μš”ν•œ 도메인에 ν”„λ¦¬νŽ˜μΉ˜λ₯Ό μ μš©ν•˜λ©΄, μ‚¬μš©ν•˜μ§€ μ•Šμ„ μ£Όμ†Œλ₯Ό μ‘°νšŒν•˜λŠλΌ CPU와 λ„€νŠΈμ›Œν¬ μžμ›μ„ μ†Œλͺ¨ν•˜κ²Œ λ©λ‹ˆλ‹€.
  • 동일 도메인 λΆˆν•„μš”: ν˜„μž¬ μ›ΉνŽ˜μ΄μ§€μ™€ λ™μΌν•œ λ„λ©”μΈμ—λŠ” μ μš©ν•  ν•„μš”κ°€ μ—†μŠ΅λ‹ˆλ‹€.
infodori1234

Share
Published by
infodori1234
3κ°œμ›” ago

Recent Posts

πŸ–₯ NetBIOS over TCP IP NBT μ™„μ „ κ°€μ΄λ“œ

둜컬 λ„€νŠΈμ›Œν¬ ν™˜κ²½μ„ μ‘°κΈˆμ΄λΌλ„ 닀뀄본 μ‚¬λžŒμ΄λΌλ©΄ ν•œ λ²ˆμ―€μ€ λ§ˆμ£ΌμΉ˜λŠ” μ΅μˆ™ν•œ 단어가 μžˆμŠ΅λ‹ˆλ‹€. λ°”λ‘œ NetBIOS와 NBTμž…λ‹ˆλ‹€.…

2κ°œμ›” ago

🏠 JSON Schema: 데이터 μœ νš¨μ„± κ²€μ¦μ˜ ν‘œμ€€ 섀계도 πŸ–₯

μ•ˆλ…•ν•˜μ„Έμš”! ν˜„λŒ€ μ›Ή κ°œλ°œμ—μ„œ 데이터 κ΅ν™˜μ˜ 핡심인 JSON(JavaScript Object Notation)을 λ”μš± κ°•λ ₯ν•˜κ³  μ•ˆμ •μ μœΌλ‘œ λ§Œλ“€μ–΄μ£ΌλŠ” 도ꡬ,…

2κ°œμ›” ago

🏠 ECMAScript 3 ν˜Έν™˜μ„± μ™„μ „ 정리 κ°€μ΄λ“œ

❌ ECMAScript 3(E3)λž€ λ¬΄μ—‡μΌκΉŒ ECMAScript 3λŠ” 1999년에 κ³΅μ‹ν™”λœ μžλ°”μŠ€ν¬λ¦½νŠΈ ν‘œμ€€μ΄λ‹€. μ§€κΈˆ 보면 였래된 기술 κ°™μ§€λ§Œ,…

2κ°œμ›” ago

πŸ–₯ CoffeeScript μ™„μ „ κ°€μ΄λ“œ

CoffeeScriptλŠ” ν•œλ•Œ ν”„λ‘ νŠΈμ—”λ“œ 개발 μƒνƒœκ³„μ—μ„œ 맀우 인기 μžˆμ—ˆλ˜ μ–Έμ–΄μ˜€κ³ , μ§€κΈˆλ„ νŠΉμ • ν”„λ‘œμ νŠΈλ‚˜ λ ˆκ±°μ‹œ μ‹œμŠ€ν…œ, κ°„κ²°ν•œ…

2κ°œμ›” ago

🏠 λ©”λͺ¨λ¦¬ λˆ„μˆ˜(Memory Leak) μ‰½κ²Œ μ΄ν•΄ν•˜κΈ°: πŸ–₯ λ‚­λΉ„λ˜λŠ” μ»΄ν“¨ν„°μ˜ κΈ°μ–΅λ ₯ ❌

ν˜„λŒ€μ μΈ ν”„λ‘œκ·Έλž˜λ° ν™˜κ²½μ—μ„œ λ©”λͺ¨λ¦¬ λˆ„μˆ˜(Memory Leak)λŠ” μ—¬μ „νžˆ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ μ„±λŠ₯ μ €ν•˜μ™€ μΆ©λŒμ„ μΌμœΌν‚€λŠ” μ£Όμš” 원인 쀑…

2κ°œμ›” ago

πŸ–₯️ λΈŒλΌμš°μ € λ Œλ”λ§ κ³Όμ • (CRP) : μ›ΉνŽ˜μ΄μ§€κ°€ λˆˆμ•žμ— λ‚˜νƒ€λ‚˜κΈ°κΉŒμ§€μ˜ λ§ˆλ²•

(Critical Rendering Path, 핡심 λ Œλ”λ§ 경둜 μ™„λ²½ 이해) μ›Ή λΈŒλΌμš°μ €μ— μ£Όμ†Œλ₯Ό μž…λ ₯ν•˜κ³  μ—”ν„°λ₯Ό λˆ„λ₯΄λŠ” μˆœκ°„,…

2κ°œμ›” ago