Dynamische Seiten

Dynamische Seiten sind Webseiten, deren Inhalt erst beim Aufruf oder während der Nutzung zusammengestellt beziehungsweise verändert wird. Dadurch kann dieselbe Seite abhängig von Daten, Einstellungen oder Nutzeraktionen unterschiedliche Inhalte zeigen.

Wie entstehen dynamische Seiten?

Bei einer statischen Website liegt eine fertige HTML-Datei auf dem Server. Wird sie aufgerufen, sendet der Server diese Datei weitgehend unverändert an den Browser.

Bei dynamischen Seiten kann der Server dagegen Inhalte erst bei einer Anfrage erzeugen. Häufig werden dafür Daten aus einer Datenbank in eine HTML-Vorlage eingesetzt. So muss beispielsweise ein Onlineshop nicht für jedes Produkt eine komplett eigene HTML-Datei speichern. Stattdessen verwendet das System eine Vorlage und ergänzt Titel, Preis, Beschreibung und Bilder passend zum angeforderten Produkt.

Dynamik kann auch direkt im Browser entstehen. JavaScript kann vorhandene Inhalte verändern, neue Daten nachladen oder auf Eingaben reagieren, ohne dass die komplette Seite neu geladen werden muss.

Typische Beispiele für dynamische Seiten

Onlineshops sind ein klassisches Beispiel. Produktseiten greifen auf aktuelle Produktdaten zurück, Filter verändern die angezeigten Artikel und ein Warenkorb merkt sich Deine Auswahl.

Auch Nachrichtenportale, soziale Netzwerke, Buchungsplattformen und viele Unternehmenswebsites arbeiten dynamisch. Ein Content-Management-System kann beispielsweise denselben Seitentyp automatisch mit unterschiedlichen redaktionellen Inhalten befüllen.

Dynamische Websites können außerdem personalisierte Inhalte anzeigen. Eine Seite kann etwa eine andere Sprache, regionale Informationen oder Inhalte passend zu Deinem Benutzerkonto ausgeben.

Unterschied zwischen serverseitig und clientseitig

Bei serverseitiger Dynamik verarbeitet der Webserver eine Anfrage und erzeugt daraus die Antwort. Dafür kommen beispielsweise PHP, Python, Java oder JavaScript auf dem Server infrage.

Bei clientseitiger Dynamik übernimmt der Browser einen Teil dieser Arbeit. JavaScript verändert dabei das Document Object Model, kurz DOM, nachdem die ursprüngliche Seite geladen wurde. Eine Website kann beide Methoden kombinieren.

Vorteile und Nachteile dynamischer Seiten

Dynamische Seiten erleichtern die Verwaltung großer Mengen an Inhalten. Produktbestände, Artikel oder Benutzerinformationen können zentral gespeichert und über Vorlagen ausgegeben werden.

Die zusätzliche Verarbeitung macht die Technik jedoch komplexer. Datenbankabfragen, Serverberechnungen und umfangreiches JavaScript können die Ladezeit erhöhen, wenn eine Website schlecht optimiert ist. Häufig werden deshalb Caching und andere Performance-Techniken eingesetzt.

Auch Suchmaschinen müssen die Inhalte zuverlässig erreichen können. Wesentliche Informationen sollten daher nicht ausschließlich nach komplizierten Nutzeraktionen erscheinen.

Dynamische Seiten und CMS

Moderne Content-Management-Systeme arbeiten meist dynamisch. Du pflegst Texte, Bilder und andere Inhalte im Backend, während das CMS daraus automatisch die benötigten Seiten erzeugt.

Dadurch lassen sich Layout und Inhalt weitgehend voneinander trennen. Eine Änderung an einer Vorlage kann sich somit auf zahlreiche Seiten gleichzeitig auswirken.

Häufige Fragen