optimization-http2

[SooY2]

HTTP/2 최적화 전략

1️⃣ 리소스 Preloading

개념

• 중요 리소스를 브라우저가 미리 요청하도록 명시하는 기술
• HTTP/2의 멀티플렉싱을 활용해 빠르게 리소스 다운로드 가능

주요 사용법

• <link rel="preload" href="경로" as="리소스유형"> 태그 활용
• 예시:

  <link rel="preload" href="/css/style.css" as="style" />
  <link rel="preload" href="/js/app.js" as="script" />
  <link rel="preload" href="/fonts/noto.woff2" as="font" type="font/woff2" crossorigin="anonymous" />

2️⃣ stream 우선순위