perf(swup): 优化页面切换速度

- 动画时长从 180ms 缩短到 120ms
- 始终开启 swup 缓存

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: matsuzaka-yuki

astro.config.mjs

@@ -46,7 +46,7 @@ export default defineConfig({
 			animationClass: "transition-swup-",
 			containers: ["main"],
 			smoothScrolling: false, // 禁用平滑滚动以提升性能，避免与锚点导航冲突
-			cache: process.env.NODE_ENV === "production",
+			cache: true,
 			preload: true, // swup 默认鼠标悬停预加载
 			accessibility: true,
 			updateHead: process.env.NODE_ENV === "production",

src/scripts/core/swup-config.ts

@@ -53,9 +53,9 @@ export interface TransitionConfig {
 	staggerDelay: number;
 }
 
-// 过渡动画默认配置 - 灵感来自 Firefly 主题的快速流畅体验
+// 过渡动画默认配置
 export const TRANSITION_CONFIG: TransitionConfig = {
-	duration: 180,
+	duration: 120,
 	easing: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
 	easingOut: "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
 	translateDistance: "1.5rem",

src/styles/_transition-vars.css

@@ -4,7 +4,7 @@
  */
 
 :root {
-  --transition-duration: 180ms;
+  --transition-duration: 120ms;
   --transition-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   --transition-easing-out: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   --transition-translate: 1.5rem;