[Lv1] Image Loading Optimization: Four-layer Lazy Load
A four-layer image lazy-loading strategy that significantly reduces first-screen traffic and improves perceived loading speed.
8 docs tagged with "Performance"
View All Tags[Lv1] Route-level Optimization: Three-layer Lazy Loading
Route-level lazy loading reduces initial JavaScript size and improves first-screen speed by delivering code on demand.
[Lv2] JavaScript Runtime Optimization: Debounce, Throttle, Time Slicing
Optimize JavaScript runtime cost by controlling frequency, scheduling heavy tasks, and preventing main-thread blocking.
[Lv3] Large-data Optimization Strategy: Choosing and Implementing the Right Approach
When a UI needs to handle thousands or millions of records, success depends on choosing the right combination of product, backend, and frontend strategies.
[Lv3] Nuxt 3 Performance Optimization: Bundle Size, SSR Speed, and Image Delivery
A practical Nuxt 3 performance playbook across build output, server rendering latency, and media delivery.
[Lv3] Virtual Scrolling: Rendering Large Lists Efficiently
Virtual scrolling keeps DOM size small by rendering only the visible window plus a buffer.
[Lv3] Web Worker in Practice: Background Computation Without Blocking UI
Web Worker moves CPU-heavy logic off the main thread so UI stays responsive.
Web Performance Optimization Playbook
A practical roadmap for web performance optimization, organized from fundamentals to advanced scenarios.