diff --git a/index.html b/index.html
index a0236cfc..5b88580a 100644
--- a/index.html
+++ b/index.html
@@ -29,6 +29,12 @@
       type="font/woff2"
       crossorigin="anonymous"
       href="https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2" />
+    <link
+      rel="preload"
+      href="/png/coffee_mainimg.png" />
+    <link
+      rel="preconnect"
+      href="https://ddocker.kro.kr" />
 
     <link
       rel="manifest"
@@ -175,6 +181,18 @@
       rel="apple-touch-startup-image"
       href="./public/assets/apple-splash-1136-640.jpg"
       media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" />
+
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-HXVP19S89G"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag('js', new Date());
+      gtag('config', 'G-HXVP19S89G');
+    </script>
   </head>
   <body>
     <script>
diff --git a/package.json b/package.json
index c5a1a1aa..8a62c26a 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "@prerenderer/rollup-plugin": "^0.3.12",
     "@tanstack/react-query": "^5.24.1",
     "@types/event-source-polyfill": "^1.0.5",
+    "@types/gtag.js": "^0.0.20",
     "@types/node": "^20.10.4",
     "@types/react": "^18.2.42",
     "@types/react-dom": "^18.2.17",
@@ -47,12 +48,10 @@
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
-    "imagemin-gifsicle": "^7.0.0",
     "imagemin-mozjpeg": "^10.0.0",
     "imagemin-pngquant": "^9.0.2",
     "imagemin-svgo": "^10.0.1",
     "puppeteer": "^22.10.0",
-    "react-ga4": "^2.1.0",
     "rollup-plugin-visualizer": "^5.10.0",
     "typescript": "^5.3.2",
     "vite": "^5.0.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 591a9bec..02535aa5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -67,6 +67,9 @@ devDependencies:
   '@types/event-source-polyfill':
     specifier: ^1.0.5
     version: 1.0.5
+  '@types/gtag.js':
+    specifier: ^0.0.20
+    version: 0.0.20
   '@types/node':
     specifier: ^20.10.4
     version: 20.10.4
@@ -103,9 +106,6 @@ devDependencies:
   eslint-plugin-react-refresh:
     specifier: ^0.4.5
     version: 0.4.5(eslint@8.55.0)
-  imagemin-gifsicle:
-    specifier: ^7.0.0
-    version: 7.0.0
   imagemin-mozjpeg:
     specifier: ^10.0.0
     version: 10.0.0
@@ -118,9 +118,6 @@ devDependencies:
   puppeteer:
     specifier: ^22.10.0
     version: 22.10.0(typescript@5.3.2)
-  react-ga4:
-    specifier: ^2.1.0
-    version: 2.1.0
   rollup-plugin-visualizer:
     specifier: ^5.10.0
     version: 5.10.0(rollup@4.6.1)
@@ -2942,6 +2939,10 @@ packages:
     resolution: {integrity: sha512-iaiDuDI2aIFft7XkcwMzDWLqo7LVDixd2sR6B4wxJut9xcp/Ev9bO4EFg4rm6S9QxATLBj5OPxdeocgmhjwKaw==}
     dev: true
 
+  /@types/gtag.js@0.0.20:
+    resolution: {integrity: sha512-wwAbk3SA2QeU67unN7zPxjEHmPmlXwZXZvQEpbEUQuMCRGgKyE1m6XDuTUA9b6pCGb/GqJmdfMOY5LuDjJSbbg==}
+    dev: true
+
   /@types/hast@2.3.8:
     resolution: {integrity: sha512-aMIqAlFd2wTIDZuvLbhUT+TGvMxrNC8ECUIVtH6xxy0sQLs3iu6NO8Kp/VT5je7i5ufnebXzdV1dNDMnvaH6IQ==}
     dependencies:
@@ -5123,11 +5124,6 @@ packages:
     resolution: {integrity: sha512-tLIdonWTpABkU6Axg2yGChYdrOsy4V8xcm0IcyAP8fSsu6jiXLm5pgs083e4sq5fzNRZuAYolUbZyYmPvCKfwQ==}
     dev: true
 
-  /file-type@10.11.0:
-    resolution: {integrity: sha512-uzk64HRpUZyTGZtVuvrjP0FYxzQrBf4rojot6J65YMEbwBLB0CWm0CLojVpwpmFmxcE/lkvYICgfcGozbBq6rw==}
-    engines: {node: '>=6'}
-    dev: true
-
   /file-type@16.5.4:
     resolution: {integrity: sha512-/yFHK0aGjFEgDJjEKP0pWCplsPFPhwyfwevf/pVxiN0tmE4L9LmwWxWukdJSHdoCli4VgQLehjJtwQBnqmsKcw==}
     engines: {node: '>=10'}
@@ -5402,17 +5398,6 @@ packages:
       lodash.memoize: 4.1.2
     dev: false
 
-  /gifsicle@5.3.0:
-    resolution: {integrity: sha512-FJTpgdj1Ow/FITB7SVza5HlzXa+/lqEY0tHQazAJbuAdvyJtkH4wIdsR2K414oaTwRXHFLLF+tYbipj+OpYg+Q==}
-    engines: {node: '>=10'}
-    hasBin: true
-    requiresBuild: true
-    dependencies:
-      bin-build: 3.0.0
-      bin-wrapper: 4.1.0
-      execa: 5.1.1
-    dev: true
-
   /github-slugger@1.5.0:
     resolution: {integrity: sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==}
     dev: true
@@ -5795,15 +5780,6 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
-  /imagemin-gifsicle@7.0.0:
-    resolution: {integrity: sha512-LaP38xhxAwS3W8PFh4y5iQ6feoTSF+dTAXFRUEYQWYst6Xd+9L/iPk34QGgK/VO/objmIlmq9TStGfVY2IcHIA==}
-    engines: {node: '>=10'}
-    dependencies:
-      execa: 1.0.0
-      gifsicle: 5.3.0
-      is-gif: 3.0.0
-    dev: true
-
   /imagemin-mozjpeg@10.0.0:
     resolution: {integrity: sha512-DK85QNOjS3/GzWYfNB3CACMZD10sIQgFDv1+WTOnZljgltQTEyATjdyUVyjKu5q4sCESQdwvwq7WEZzJ5fFjlg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -5963,13 +5939,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /is-gif@3.0.0:
-    resolution: {integrity: sha512-IqJ/jlbw5WJSNfwQ/lHEDXF8rxhRgF6ythk2oiEvhpG29F704eX9NO6TvPfMiq9DrbwgcEDnETYNcZDPewQoVw==}
-    engines: {node: '>=6'}
-    dependencies:
-      file-type: 10.11.0
-    dev: true
-
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -7736,10 +7705,6 @@ packages:
     resolution: {integrity: sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==}
     dev: false
 
-  /react-ga4@2.1.0:
-    resolution: {integrity: sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ==}
-    dev: true
-
   /react-helmet-async@2.0.5(react@18.2.0):
     resolution: {integrity: sha512-rYUYHeus+i27MvFE+Jaa4WsyBKGkL6qVgbJvSBoX8mbsWoABJXdEO0bZyi0F6i+4f0NuIb8AvqPMj3iXFHkMwg==}
     peerDependencies:
diff --git a/src/hooks/google/useTrackRoute.ts b/src/hooks/google/useTrackRoute.ts
index 2962580a..fe81ab4b 100644
--- a/src/hooks/google/useTrackRoute.ts
+++ b/src/hooks/google/useTrackRoute.ts
@@ -1,25 +1,19 @@
-import { useEffect, useState } from 'react';
+import { useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
-import ReactGA from 'react-ga4';
 
 const useTrackRoute = () => {
   const location = useLocation();
-  const [initialized, setInitialized] = useState(false);
+  const { NODE_ENV } = import.meta.env;
+  const isPro = NODE_ENV === 'production';
 
   useEffect(() => {
-    if (import.meta.env.VITE_GA) {
-      ReactGA.initialize(import.meta.env.VITE_GA);
-      setInitialized(true);
-    }
-  }, []);
-
-  // location 변경 감지시 pageview 이벤트 전송
-  useEffect(() => {
-    if (initialized) {
-      ReactGA.set({ page: location.pathname });
-      ReactGA.send('pageview');
-    }
-  }, [initialized, location]);
+    if (!isPro) return;
+    window.gtag('event', 'pageview', {
+      page_path: location.pathname + location.search + location.hash,
+      page_search: location.search,
+      page_hash: location.hash
+    });
+  }, [location]);
 };
 
 export default useTrackRoute;
diff --git a/src/main.tsx b/src/main.tsx
index 299efa9f..33908ca0 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -9,16 +9,8 @@ import { RouterProvider } from 'react-router-dom';
 import { router } from '@/pages/Router';
 import './main.css';
 import '/styled-system/styles.css';
-import ReactGA from 'react-ga4';
 import { HelmetProvider } from 'react-helmet-async';
 
-const { NODE_ENV } = import.meta.env;
-const isPro = NODE_ENV === 'production';
-
-if (isPro && import.meta.env.VITE_GA) {
-  ReactGA.initialize(import.meta.env.VITE_GA);
-}
-
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
diff --git a/vite.config.ts b/vite.config.ts
index e24c4ae1..34b2c6a6 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,7 +5,6 @@ import tsconfigpaths from 'vite-tsconfig-paths';
 import removeConsole from 'vite-plugin-remove-console';
 import imageminMozjpeg from 'imagemin-mozjpeg';
 import imageminPngQuant from 'imagemin-pngquant';
-import imageminGifSicle from 'imagemin-gifsicle';
 import viteImagemin from '@vheemstra/vite-plugin-imagemin';
 import imageminSvgo from 'imagemin-svgo';
 import prerender from '@prerenderer/rollup-plugin';
@@ -60,9 +59,20 @@ export default defineConfig({
       plugins: {
         jpg: imageminMozjpeg(),
         png: imageminPngQuant(),
-        gif: imageminGifSicle(),
         svg: imageminSvgo()
       }
     })
-  ]
+  ],
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks: id => {
+          if (id.indexOf('node_modules') !== -1) {
+            const module = id.split('node_modules/').pop().split('/')[0];
+            return `vendor-${module}`;
+          }
+        }
+      }
+    }
+  }
 });
