Generate optimization checklist for web game release
Generates comprehensive optimization checklist for web game release covering build, assets, runtime, loading, and mobile performance.
/plugin marketplace add sponticelli/gamedev-claude-plugins/plugin install web-games@gamedev-claude-pluginsGenerate a comprehensive optimization checklist for releasing a web game.
# Web Game Release Optimization Checklist: [Game Name]
## Build Optimization
### JavaScript
- [ ] Code minified (Terser/esbuild)
- [ ] Tree shaking enabled
- [ ] Dead code eliminated
- [ ] Source maps generated (but not deployed to prod)
- [ ] Chunks split appropriately
- [ ] Critical path JS inlined or preloaded
### CSS
- [ ] CSS minified
- [ ] Unused CSS removed (PurgeCSS)
- [ ] Critical CSS inlined
- [ ] Non-critical CSS deferred
### Bundle Analysis
- [ ] Bundle size analyzed (webpack-bundle-analyzer or similar)
- [ ] Large dependencies identified
- [ ] Tree-shakeable alternatives considered
- [ ] Total JS < [target] KB (gzipped)
---
## Asset Optimization
### Images/Textures
- [ ] Images compressed (TinyPNG, ImageOptim)
- [ ] Appropriate formats used (WebP with fallback)
- [ ] Texture atlases created
- [ ] Mipmaps generated where needed
- [ ] Power-of-two textures (for WebGL)
- [ ] Resolution appropriate for use (no 4K for thumbnails)
### Audio
- [ ] Audio compressed appropriately
- [ ] Multiple formats provided (MP3 + OGG/WebM)
- [ ] Audio sprites created for SFX
- [ ] Streaming for long audio files
- [ ] Bit rate appropriate (128kbps for music, lower for SFX)
### Fonts
- [ ] Font subset to used characters
- [ ] WOFF2 format used
- [ ] font-display: swap configured
- [ ] Fallback fonts specified
### 3D Assets (if applicable)
- [ ] Models optimized (polycount)
- [ ] Textures compressed (Basis/KTX2)
- [ ] GLB over GLTF (binary is smaller)
- [ ] Draco compression for geometry
---
## Runtime Performance
### Frame Rate
- [ ] 60 FPS on desktop targets
- [ ] 30+ FPS on mobile targets
- [ ] No regular frame drops/stutters
- [ ] requestAnimationFrame used (not setInterval)
### Memory
- [ ] Object pooling implemented
- [ ] No per-frame allocations in hot paths
- [ ] GC pauses < 16ms
- [ ] Memory stable over long sessions
- [ ] Cleanup on scene/level transitions
### Rendering
- [ ] Draw calls minimized (batching)
- [ ] Overdraw reduced
- [ ] Culling implemented
- [ ] LOD system (for complex 3D)
### JavaScript
- [ ] Hot paths profiled and optimized
- [ ] No blocking operations in render loop
- [ ] Web Workers for heavy computation
- [ ] TypedArrays for numeric data
---
## Loading Performance
### Initial Load
- [ ] First Contentful Paint < 1.5s
- [ ] Time to Interactive < 3s
- [ ] Largest Contentful Paint < 2.5s
- [ ] Loading screen appears quickly
### Asset Loading
- [ ] Progressive loading implemented
- [ ] Critical assets preloaded
- [ ] Non-critical assets deferred
- [ ] Loading progress displayed
- [ ] Retry logic for failed loads
### Caching
- [ ] Cache headers configured
- [ ] Service worker caching (PWA)
- [ ] Asset versioning (cache busting)
- [ ] Repeat visits fast
### Network
- [ ] HTTP/2 enabled
- [ ] Gzip/Brotli compression
- [ ] CDN for static assets
- [ ] DNS prefetch for external domains
---
## Mobile Optimization
### Touch
- [ ] Touch targets >= 48px
- [ ] No hover-dependent interactions
- [ ] Touch feedback visible
- [ ] Gestures intuitive
### Display
- [ ] Responsive design works
- [ ] Orientation changes handled
- [ ] Safe area insets respected (notch)
- [ ] High DPI handled correctly
### Performance
- [ ] Reduced effects on mobile
- [ ] Lower resolution option
- [ ] Battery-conscious (no unnecessary work)
- [ ] Thermal throttling tested
### Connectivity
- [ ] Works on slow connections
- [ ] Offline mode (if PWA)
- [ ] Low data mode (reduced assets)
---
## PWA Checklist (if applicable)
- [ ] Manifest valid
- [ ] Service worker registered
- [ ] Icons all sizes
- [ ] Offline experience defined
- [ ] Install prompt appropriate
- [ ] Updates handled gracefully
---
## Pre-Launch Verification
### Cross-Browser
- [ ] Chrome desktop: tested
- [ ] Firefox desktop: tested
- [ ] Safari desktop: tested
- [ ] Chrome Android: tested
- [ ] Safari iOS: tested
### Analytics
- [ ] Performance monitoring setup
- [ ] Error tracking enabled
- [ ] Load time tracking
- [ ] Core Web Vitals monitored
### Final Checks
- [ ] Console free of errors/warnings
- [ ] No debug code in production
- [ ] Source maps separate (not in bundle)
- [ ] Production environment vars set
---
## Performance Budget
| Metric | Budget | Actual | Status |
|--------|--------|--------|--------|
| Total JS (gzipped) | < [X] KB | [X] KB | [✓/✗] |
| Total CSS (gzipped) | < [X] KB | [X] KB | [✓/✗] |
| Total Assets | < [X] MB | [X] MB | [✓/✗] |
| Initial Load | < [X] s | [X] s | [✓/✗] |
| Frame Time (desktop) | < 16 ms | [X] ms | [✓/✗] |
| Frame Time (mobile) | < 33 ms | [X] ms | [✓/✗] |
| Memory (steady state) | < [X] MB | [X] MB | [✓/✗] |
Generate the checklist customized for the specific game and platform requirements.