diff --git a/index.html b/index.html
index af0552ea..1325693c 100644
--- a/index.html
+++ b/index.html
@@ -13,10 +13,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <link rel="apple-touch-icon" href="/logo-512.png">
   <title>IPCheck.ing - Check My IP Address and Geolocation - Check WebRTC Connection IP - DNS Leak Test - Speed Test - Jason Ng Open Source </title>
-  <link rel="manifest" href="manifest.json">
   <link rel="icon" href="logo.svg">
 
-
   <style>
     .jn-spinner {
       border: 4px solid rgb(12, 144, 34);
@@ -66,16 +64,6 @@
   </div>
   <div id="app"></div>
   <script type="module" src="/src/main.js"></script>
-  <script>
-    if ('serviceWorker' in navigator) {
-      window.addEventListener('load', function () {
-        navigator.serviceWorker.register('service-worker.js').then(function (registration) {
-        }, function (err) {
-          console.log('ServiceWorker Error: ', err);
-        });
-      });
-    }
-  </script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/package.json b/package.json
index ef8c7441..b7f2707e 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
-    "vite": "^5.0.8"
+    "vite": "^5.0.8",
+    "vite-plugin-pwa": "^0.17.5"
   }
 }
diff --git a/public/manifest.json b/public/manifest.json
deleted file mode 100644
index f503f4ef..00000000
--- a/public/manifest.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-    "short_name": "IP Toolbox",
-    "id": "com.jasonng.myip",
-    "name": "IP Toolbox",
-    "description": "IP Toolbox",
-    "icons": [
-        {
-            "src": "logo-512.png",
-            "type": "image/png"
-        },
-        {
-            "src": "logo-144.png",
-            "sizes": "144x144",
-            "type": "image/png"
-        },
-        {
-            "src": "logo-192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "logo-256.png",
-            "sizes": "256x256",
-            "type": "image/png"
-        },
-        {
-            "src": "logo-512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "start_url": "/",
-    "scope": "/",
-    "display": "standalone",
-    "orientation": "portrait"
-}
-
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 00000000..14267e90
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
\ No newline at end of file
diff --git a/public/service-worker.js b/public/service-worker.js
deleted file mode 100644
index 442128b0..00000000
--- a/public/service-worker.js
+++ /dev/null
@@ -1,20 +0,0 @@
-// service-worker.js
-const CACHE_NAME = 'v2_cache';
-const urlsToCache = [
-    'defaultMap.jpg',
-    'defaultMap_dark.jpg',
-    'logo-144.png',
-    'logo-192.png',
-    'logo-256.png',
-    'logo-512.png',
-];
-
-// 安装 Service Worker 时，缓存文件
-self.addEventListener('install', event => {
-    event.waitUntil(
-        caches.open(CACHE_NAME)
-            .then(cache => {
-                return cache.addAll(urlsToCache);
-            })
-    );
-});
diff --git a/vite.config.js b/vite.config.js
index 77bf554b..f7509615 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,13 +1,42 @@
 import dotenv from 'dotenv';
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { VitePWA } from 'vite-plugin-pwa'
 
 dotenv.config();
 
 const apiPort = process.env.PORT || 11966;
 
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    VitePWA({
+      registerType: 'autoUpdate',
+      injectRegister: 'auto',
+      workbox: {
+        globPatterns: ['**/*.{js,css,html,ico,png,svg,woff,woff2}']
+      },
+      manifest: {
+        name: 'IPCheck.ing',
+        short_name: 'IPCheck.ing',
+        theme_color: '#f8f9fa',
+        orientation: "portrait",
+        id: 'com.jasonng.myip',
+        icons: [
+          {
+            src: '/logo-192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: '/logo-512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+        ],
+      },
+    }),
+  ],
   resolve: {
     alias: {
       '@': '/src',