Site Speed Optimization Plan
Site Speed Optimization Plan
🎯 Current Performance Issues Identified
External Dependencies (Major Speed Impact)
- Bulma CSS: 215KB from CDN (blocking render)
- Swiper CSS/JS: 150KB+ from CDN
- Video.js: 200KB+ from CDN
- Multiple font requests: Google Fonts
- Excessive CDN requests: 8+ external domains
Resource Loading Issues
- No resource bundling: Each library loaded separately
- Missing compression: No Brotli/GZIP optimization
- Blocking resources: Critical CSS not inlined
- Unused code: Loading full libraries for minimal usage
✅ Optimization Strategy
Phase 1: Bundle Critical Resources (Immediate Impact)
- Self-host Bulma CSS (eliminate 215KB CDN request)
- Bundle vendor JavaScript (reduce request count)
- Inline critical CSS (eliminate render blocking)
- Optimize font loading (reduce FOUT/FOIT)
Phase 2: Advanced Optimizations
- Implement lazy loading for non-critical scripts
- Add resource hints (preload, prefetch, preconnect)
- Enable compression (Brotli + GZIP)
- Optimize images (WebP, AVIF, responsive)
Phase 3: Performance Monitoring
- Add performance budgets
- Implement Core Web Vitals tracking
- Set up automated Lighthouse CI
🎯 Expected Results
- 50-70% reduction in First Contentful Paint (FCP)
- 60-80% reduction in Largest Contentful Paint (LCP)
- Eliminate Cumulative Layout Shift (CLS)
- 90+ Lighthouse score (currently likely 40-60)