JavaScript

HTML liefert den Inhalt einer Seite, CSS die Gestaltung. JavaScript kommt ins Spiel, sobald die Seite auf dich reagieren soll. Typische Beispiele:

• Das Menü auf dem Smartphone klappt auf, wenn du auf das Symbol tippst.
• Ein Kontaktformular meldet schon beim Ausfüllen, dass die E-Mail-Adresse unvollständig ist.
• Eine Bildergalerie blättert weiter, ohne dass die Seite neu lädt.
• Eine eingebundene Karte lässt sich verschieben und zoomen.
• Der Cookie-Banner merkt sich deine Auswahl und lädt Statistik-Dienste erst nach deiner Zustimmung.

Inzwischen läuft JavaScript auch auf Servern, etwa mit Node.js. Für die meisten Unternehmenswebsites ist das nebensächlich. Dort ist JavaScript das, was im Browser des Besuchers ausgeführt wird.

Jedes Skript muss der Browser herunterladen und ausführen. Auf einem älteren Smartphone mit schwachem Netz dauert das spürbar. Solange ein Skript läuft, reagiert die Seite manchmal nicht auf Eingaben, und genau das misst Google mit einer der Core Web Vitals.

Bei WordPress-Seiten sammelt sich JavaScript schnell an. Slider, Formulare, Chat-Fenster, Tracking: Jedes Plugin bringt eigene Dateien mit. Tracking- und Werbeskripte von Drittanbietern laden oft weitere Dateien nach, auf deren Größe du keinen Einfluss hast. Hilfreich ist, Skripte erst dann zu laden, wenn sie gebraucht werden, und alles zu entfernen, was niemand mehr nutzt.

Google kann JavaScript ausführen, liest Inhalte aber am zuverlässigsten, wenn sie direkt im HTML stehen. Wichtige Texte, Überschriften und Links gehören deshalb nicht in Elemente, die erst ein Skript nachlädt. Du kannst das selbst ausprobieren: JavaScript im Browser abschalten und die Seite neu laden. Fehlen dann wichtige Texte, hat es auch eine Suchmaschine schwerer.

Ähnlich ist es bei der Barrierefreiheit. Ein aufklappbares Menü muss sich auch mit der Tastatur bedienen lassen, und ein Screenreader muss erkennen, ob es gerade offen oder geschlossen ist. Mehr dazu im Ratgeber Barrierefreie Website.

Auf unseren WordPress-Websites stammt ein großer Teil des JavaScripts aus Elementor oder WPBakery und aus den eingesetzten Plugins. Diese Bausteine bekommen regelmäßig Updates, auch wegen Sicherheitslücken. Darum kümmern wir uns in der Pflege und bei Backup & Update. Wo eigene Funktionen gebraucht werden, schreiben wir sie in der Web-Entwicklung.

Verwandte Begriffe: HTML · CSS · Framework · Plugin