Web Performance Optimization Playbook

A practical roadmap for web performance optimization, organized from fundamentals to advanced scenarios.

---

Learning Path

Lv1 Fundamentals

• Route-level optimization: three-layer lazy loading
• Image loading optimization: four-layer lazy loading

Lv2 Advanced JavaScript

• JavaScript runtime optimization: debounce, throttle, and time slicing

Lv3 Scaling and Architecture

• Virtual scrolling for large lists
• Web Worker for background computation
• Large-data optimization strategy and trade-offs
• Nuxt 3 performance optimization