public/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Travel Guard</title>
    <!-- DNS 미리 확인 -->
    <link rel="dns-prefetch" href="https://unpkg.com" />

    <!-- 사전 연결 설정 -->
    <link rel="preconnect" href="https://unpkg.com" crossorigin />

    <!-- apis.data.go.kr에 대한 preconnect -->
    <link rel="preconnect" href="https://apis.data.go.kr" crossorigin />

    <!-- Globe 텍스처 이미지 미리 로드 -->
    <link
      rel="preload"
      href="//unpkg.com/three-globe/example/img/earth-dark.jpg"
      as="image"
      crossorigin
    />
    <link
      rel="preload"
      href="//unpkg.com/three-globe/example/img/earth-topology.png"
      as="image"
      crossorigin
    />

    <!-- 폰트 미리 로드 -->
    <link
      rel="preload"
      href="/fonts/Pretendard-Regular.woff2"
      as="font"
      type="font/woff2"
      crossorigin="anonymous"
    />

    <!-- 폰트 디스플레이 최적화 -->
    <style>
      @font-face {
        font-family: "Pretendard";
        src: url("/fonts/Pretendard-Regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
      }
    </style>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>