Rýchlosť Stredný dopad Stredné podľa príčiny

Veľkosť DOM

Príliš veľa HTML elementov spomaľuje vykresľovanie.

Čo to je

DOM je strom HTML elementov stránky. Príliš veľký alebo hlboko zanorený DOM (tisíce uzlov) spomaľuje vykresľovanie, layout a JavaScriptové operácie.

Prečo to riešiť

Veľký DOM zvyšuje spotrebu pamäte a procesora, zhoršuje interaktivitu a plynulosť, hlavne na mobiloch. Býva príznakom nabobtnaných šablón alebo nadbytočných obalov.

Ako na to

1Zjednoduš štruktúru, odober zbytočné <div> obaly.
2Pri dlhých zoznamoch/tabuľkách použi stránkovanie alebo virtualizáciu.
3Nenačítavaj skrytý obsah, ktorý nie je potrebný (renderuj až na vyžiadanie).

Záver

Štíhly DOM sa rýchlejšie vykresľuje aj ovláda. Orientačne drž počet uzlov v ráde nižších tisícov a vyhýbaj sa hlbokému zanoreniu. Pri dátovo bohatých stránkach pomáha virtualizácia zoznamov.

Súvisiace témy