Kleine Notizen zu schnellem JavaScript
Praktisches darüber, wie Webseiten flüssig bleiben: wie man misst, was meistens schiefgeht und wie man es mit einfachem Code behebt.
-
Lange Tasks finden, bevor es die Nutzer tun
Jede Arbeit, die den Main Thread länger als 50 ms blockiert, verzögert den nächsten Klick. So macht man sie sichtbar.
-
Erst lesen, dann schreiben: Layout Thrashing vermeiden
Wer Lese- und Schreibzugriffe auf das DOM in einer Schleife mischt, zwingt den Browser, das Layout immer wieder neu zu berechnen. Besser bündeln.
-
Debounce oder Throttle?
Beide begrenzen, wie oft ein Handler läuft. Die Wahl hängt davon ab, was der Nutzer sehen soll, solange noch Events eintreffen.