在做前端畫面時，常常會遇到資料量過多而造成卡頓，但問題其實不是資料量大而是渲染太多筆資料導致瀏覽器無法負荷。最常見的就是整個瀏覽器因此當機而必須重啟。
🧠 問題核心是什麼？
畫面卡頓問題: 其實不是因為「資料量太大」本身，而是「畫面上一次性渲染太多筆資料」
✅ 例如一次顯示超過 1000 筆, 造成 DOM tree 上有過多的 Nodes 佔據 main thread 所以瀏覽器沒有辦法負苛
原文出處：使用 Vue3 部份讀取檔案並繪至頁面上避免UI卡頓 partially loading data and rendering on page
Top comments (0)