diff --git a/package.json b/package.json
index a78180b..505b8da 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,20 @@
   },
   "size-limit": [
     {
-      "path": "dist/**/*.js"
+      "name": "html",
+      "path": "dist/index.html"
+    },
+    {
+      "name": "css",
+      "path": "dist/**/*.css"
+    },
+    {
+      "name": "bundle",
+      "path": "dist/**/index-*.js"
+    },
+    {
+      "name": "others(pages, hooks, etc)",
+      "path": "dist/**/!(index-*.js|*.css)"
     }
   ]
 }
diff --git a/src/router.ts b/src/router.ts
index 6d9331e..33f1c8f 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -1,6 +1,5 @@
 import type { RouteParams, RouteRecordRaw } from 'vue-router'
 import { createRouter, createWebHashHistory } from 'vue-router'
-import Home from './pages/Home.vue'
 import { isAuthorized } from './store/user'
 
 export type AppRouteNames =
@@ -20,17 +19,17 @@ export const routes: RouteRecordRaw[] = [
   {
     name: 'global-feed',
     path: '/',
-    component: Home,
+    component: () => import('./pages/Home.vue'),
   },
   {
     name: 'my-feed',
     path: '/my-feeds',
-    component: Home,
+    component: () => import('./pages/Home.vue'),
   },
   {
     name: 'tag',
     path: '/tag/:tag',
-    component: Home,
+    component: () => import('./pages/Home.vue'),
   },
   {
     name: 'article',