一篇文件已標記 包含 "Performance"

透過四層圖片懶加載策略，將首屏圖片流量從 60MB 降至 2MB，載入時間提升 85%。

透過三層路由 Lazy Loading，將首次載入從 12.5MB 降至 850KB，首屏時間縮短 70%。

透過防抖、節流、時間切片和 requestAnimationFrame 等技術，優化 JavaScript 運算效能，提升使用者體驗。

Web Worker 是一個在瀏覽器背景執行緒中運行 JavaScript 的 API，讓你能夠執行耗時的運算而不會阻塞主執行緒（UI 執行緒）。

當畫面需要顯示上萬筆資料時，如何在效能、使用者體驗和開發成本間取得平衡？

當頁面需要渲染 1000+ 筆資料時，虛擬滾動可以將 DOM 節點從 1000+ 降至 20-30 個，記憶體使用降低 80%。

持續累積網頁效能優化相關的實作經驗與面試重點，依難度由淺入深整理。