Javascript optimieren: Tipps zur Verbesserung der Performance, für einen schnellen Seitenaufbau und mehr Effizienz.

Rekursive Funktionen rufen sich selber im Funktionskörper auf, ein elegantes Verfahren zur Analyse des DOM-Baums mit tief verschachtelten Elementen.

Javascript ändert HTML-Attribute wie style auf dreierlei Weise: Mit setAttribute('style','neu'), mit elem.style und elem.dataset.myAttribute. style ist die älteste Technik, und nicht ganz ohne Tücken.

Ein Web Worker ist ein externes Script, das Arbeiten im Hintergrund ausführt ohne die Benutzerschnittstelle zu blockieren, z.B. für Berechnungen oder Backups.

window ist die Schnittstelle zum Browserfenster mit Breite und Höhe des Viewports, zu Events, Timern, zur URL und Geolocation der Seite. Alle globalen Variablen, Objekte und Funktionen werden zu Eigenschaften und Methoden des window-Objekts.

object ist ein Behälter für andere HTML-Seiten, SVG, Video oder PDF und bietet inmitten der Seite den Einblick in ein extern gespeichertes Dokument.

SVG-Grafiken aus Inkscape und Adobe Illustrator sind vollgepackt mit Attributen, die für die Anzeige in Webseiten nicht gebraucht werden und die Ladezeit verlängern. SVG lässt sich schon mit den Einstellungen des Grafikprogramms optimieren, manuell

SVG anstelle der klassischen HTML Area Map oder Image Map ist ohne Aufwand responsiv und selbst komplexe Formen (Shape) lassen sich einfach zeichen.

SVG-Filter wie feGaussianBlur, feBlend und feColorMatrix konstruieren Effekte – vom Weichzeichner über Rauschen bis hin zu Schlagschatten und Farbverschiebungen.

SVG use kopiert und wiederholt aufwändige Elemente und Gruppen mit einem einzigen Tag. use hält SVG klein und überschaubar.