perf: reduce bundle size and split chunks

package.json

@@ -21,16 +21,16 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.4.2",
-		"@tailwindcss/vite": "^4.1.18",
+		"@tailwindcss/vite": "^4.2.2",
 		"@types/node": "^24.10.1",
 		"@types/react": "^19.2.5",
 		"@types/react-dom": "^19.2.3",
 		"@types/three": "^0.182.0",
-		"@vitejs/plugin-react": "^5.1.1",
+		"@vitejs/plugin-react": "^6.0.1",
 		"globals": "^16.5.0",
 		"lefthook": "^2.1.1",
-		"tailwindcss": "^4.1.18",
+		"tailwindcss": "^4.2.2",
 		"typescript": "~5.9.3",
-		"vite": "^7.2.4"
+		"vite": "^8.0.1"
 	}
 }

src/data/planets.ts

@@ -1,9 +1,9 @@
 import * as THREE from "three";
-import jupiterTexture from "@/assets/2k_jupiter.jpg";
-import marsTexture from "@/assets/2k_mars.jpg";
-import sunTexture from "@/assets/2k_sun.jpg";
-import venusTexture from "@/assets/2k_venus_atmosphere.jpg";
-import earthTexture from "@/assets/earth_atmos_2048.jpg";
+import jupiterTexture from "@/assets/2k_jupiter.webp";
+import marsTexture from "@/assets/2k_mars.webp";
+import sunTexture from "@/assets/2k_sun.webp";
+import venusTexture from "@/assets/2k_venus_atmosphere.webp";
+import earthTexture from "@/assets/earth_atmos_2048.webp";
 import type { Planet } from "@/types/planet";
 
 export const earth: Planet = {

src/router/index.tsx

@@ -1,6 +1,8 @@
+import { lazy } from "react";
 import { BrowserRouter, Route, Routes } from "react-router-dom";
 import Home from "@/pages/Home";
-import Simulation from "@/pages/Simulation";
+
+const Simulation = lazy(() => import("@/pages/Simulation"));
 
 export const AppRouter = () => (
 	<BrowserRouter>

vite.config.ts

@@ -11,4 +11,17 @@ export default defineConfig({
 			"@": path.resolve(__dirname, "src"),
 		},
 	},
+	build: {
+		chunkSizeWarningLimit: 800,
+		rolldownOptions: {
+			output: {
+				codeSplitting: {
+					groups: [
+						{ name: "three", test: /\/three\// },
+						{ name: "cannon", test: /@react-three\/cannon/ },
+					],
+				},
+			},
+		},
+	},
 });