HTTP/2 Server Push 대안 — 103 Early Hints

103 Early Hints

서버가 최종 응답을 보내기 전에, 브라우저가 미리 리소스를 로드하도록 힌트를 줍니다.

Node.js 구현

app.get("/", (req, res) => {
  // 103 Early Hints 전송
  res.writeEarly({
    link: [
      "; rel=preload; as=style",
      "; rel=preload; as=script",
    ],
  });
  
  // 실제 처리 (DB 쿼리 등)
  const data = await fetchData();
  
  // 200 응답
  res.render("index", { data });
});

Nginx 설정

location / {
  add_header Link "; rel=preload; as=style" early;
}