perubahan (misal: update teks) memicu reflow dan repaint yang mahal secara performa. Cara kerja: // Contoh manipulasi DOM langsung document.getElementById("title").textContent = "Baru"; // Langsung mempengaruhi render tree Virtual DOM Apa itu: Konsep yang dipopulerkan React (sumber resmi). Salinan ... untuk Operasi Massal Memasukkan banyak elemen sekaligus mengurangi reflow. Contoh dari MDN: const fragment = document.createDocumentFragment(); for (let i = 0; i < 100; i++) { const div = document.createElement("div"); fragment.appendChild(div); } document.body.appendChild(fragment); // Hanya 1
Reflow Repaint
- Home
- Reflow Repaint