Súgó és dokumentáció
Sebesség Közepes hatás Közepes ok szerint
DOM mérete
Túl sok HTML elem lassítja a renderelést.
Mi ez
A DOM az oldal HTML elemeinek fája. A túl nagy vagy mélyen egymásba ágyazott DOM (ezernyi csomópont) lassítja a renderelést, a layoutot és a JavaScript-műveleteket.
Miért foglalkozzon vele
A nagy DOM növeli a memória- és processzorfelhasználást, rontja az interaktivitást és a folyékonyságot, főleg mobilon. Általában a felfújt sablonok vagy a felesleges burkolók tünete.
Hogyan csinálja
- 1Egyszerűsítsd a szerkezetet, távolítsd el a felesleges <div> burkolókat.
- 2Hosszú listáknál/tábláknál használj lapozást vagy virtualizációt.
- 3Ne tölts be rejtett tartalmat, amely nem szükséges (rendereld csak igény szerint).
Összegzés
A karcsú DOM gyorsabban renderelődik és kezelhetőbb. Tájékoztató jelleggel tartsd a csomópontok számát az alacsonyabb ezres nagyságrendben, és kerüld a mély egymásba ágyazást. Adatban gazdag oldalaknál a listák virtualizációja segít.
Kapcsolódó témák