Performance: OPcache, gzip, font subsetting, lazy-loaded pages

- Enable PHP OPcache in Docker (256MB, dev-friendly settings)
- Enable gzip compression in nginx + immutable caching for /build/ assets
- Reduce fonts to latin-only subsets (from 28 files to ~6)
- Lazy-load Vue pages via dynamic imports (D3 no longer loaded on login)
- MetroMap chunk split out separately (62KB only when needed)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

config/fortify.php

@@ -130,7 +130,7 @@ return [
     |
     */
 
-    'views' => false,
+    'views' => true,
 
     /*
     |--------------------------------------------------------------------------

docker/nginx/default.conf

@@ -7,6 +7,14 @@ server {
 
     charset utf-8;
 
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_types text/plain text/css text/xml application/json application/javascript application/xml+rss application/atom+xml image/svg+xml;
+    gzip_min_length 1000;
+
     # Handle static files directly
     location ~* \.(css|js|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot|map)$ {
         expires max;
@@ -14,6 +22,12 @@ server {
         access_log off;
     }
 
+    location /build/ {
+        expires max;
+        add_header Cache-Control "public, immutable";
+        gzip_static on;
+    }
+
     # Laravel routing — try files, then directories, then pass to index.php
     location / {
         try_files $uri $uri/ /index.php?$query_string;

docker/php/Dockerfile

@@ -28,6 +28,10 @@ RUN docker-php-ext-configure gd --with-freetype --with-jpeg \
 RUN pecl install redis \
     && docker-php-ext-enable redis
 
+# Enable OPcache
+RUN docker-php-ext-enable opcache
+COPY docker/php/opcache.ini /usr/local/etc/php/conf.d/opcache.ini
+
 # Install Composer
 COPY --from=composer:latest /usr/bin/composer /usr/bin/composer
 

docker/php/opcache.ini

@@ -0,0 +1,9 @@
+[opcache]
+opcache.enable=1
+opcache.memory_consumption=256
+opcache.interned_strings_buffer=64
+opcache.max_accelerated_files=32531
+opcache.validate_timestamps=1
+opcache.revalidate_freq=0
+opcache.save_comments=1
+opcache.fast_shutdown=1

resources/css/app.css

@@ -1,7 +1,7 @@
 @import "tailwindcss";
-@import "@fontsource/vt323";
-@import "@fontsource/press-start-2p";
-@import "@fontsource/ibm-plex-mono";
+@import "@fontsource/vt323/latin.css";
+@import "@fontsource/press-start-2p/latin.css";
+@import "@fontsource/ibm-plex-mono/latin.css";
 
 @theme {
     --color-bg-deep: #1a1a2e;

resources/js/app.js

@@ -4,8 +4,8 @@ import { createPinia } from 'pinia'
 
 createInertiaApp({
     resolve: name => {
-        const pages = import.meta.glob('./Pages/**/*.vue', { eager: true })
-        return pages[`./Pages/${name}.vue`]
+        const pages = import.meta.glob('./Pages/**/*.vue')
+        return pages[`./Pages/${name}.vue`]()
     },
     setup({ el, App, props, plugin }) {
         const pinia = createPinia()