Fix Safari/iPhone performance issues - remove 300ms click delay

- Added touch-action: manipulation CSS to eliminate 300ms tap delay
- Optimized service worker to skip cross-origin requests
- Updated viewport settings to prevent iOS delays
- Added format-detection meta tag
- Enabled Next.js performance optimizations
- Created comprehensive performance fix documentation
This commit is contained in:
2025-12-03 20:54:55 +00:00
parent bfe49e7211
commit 509de75e1a
5 changed files with 196 additions and 3 deletions

View File

@@ -34,8 +34,8 @@ export const metadata: Metadata = {
export const viewport: Viewport = {
width: 'device-width',
initialScale: 1,
maximumScale: 1,
userScalable: false,
maximumScale: 5,
userScalable: true,
viewportFit: 'cover',
themeColor: '#3B82F6',
}
@@ -66,7 +66,8 @@ export default function RootLayout({
<meta name="theme-color" content="#3B82F6" />
<meta name="background-color" content="#ffffff" />
{/* iOS Splash Screens - Optional but recommended */}
{/* iOS Performance Optimizations */}
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
</head>
<body className="bg-gray-50 min-h-screen">