Was ist eine Statische Webseite ? How to

Dieser Beitrag zeigt dir, was eine statische Website / Webseite ist und wie es sich von einer dynamischen Website unterscheidet.

Im Prinzip ist eine statische Webseite eine , die ein „einfacher“ Anwender nicht selber bearbeiten kann. Das heißt, es braucht einen Entwickler dafür. Hier im Bild ein Beispiel für eine einfache solche statische Webseite.

Im Browser ( Firefox, Google Chrome etc.) kann man eine statische von einer dynamischen Webseite gar nicht unterscheiden.

Was ist jetzt eine statische Website ?

Eine statische Website ist eine Website, die aus vorgefertigten Dateien (meist HTML, CSS und JavaScript) besteht, die unverändert vom Webserver an den Browser des Besuchers gesendet werden. Im Gegensatz zu dynamischen Websites wird der Inhalt nicht erst beim Aufruf aus einer Datenbank generiert, sondern liegt bereits „fertig“ auf dem Server.

Der Unterschied liegt in der Erstellung. Was brauche ich, oder muss ich können, um so eine Webseite zu erstellen?

Kernmerkmale :

• Identischer Inhalt:
  Jeder Besucher sieht exakt die gleiche Version der Seite, unabhängig von Zeit, Standort oder Interaktion.

• Keine Datenbank:
  Da keine Inhalte in Echtzeit zusammengebaut werden, ist im Hintergrund meist keine Datenbank (wie MySQL) erforderlich.

• Manuelle Updates:
  Änderungen am Inhalt erfordern in der Regel eine manuelle Bearbeitung des Quellcodes durch einen Entwickler.

Wer verwendet heute noch statische Websites ?

• Portfolios: Für Fotografen oder Designer, deren Arbeiten sich selten ändern.
• Landingpages: Einfache Werbeseiten für Produkte oder Dienstleistungen.
• Dokumentationen: Technische Anleitungen, die oft mit Static Site Generators wie Hugo oder Jekyll erstellt werden.

Praxis Beispiel:

Core Web Vitals : Leistung:

Schon krass, wie man sieht, sind diese statischen HTML Websites auf jeden Fall schnell, laut Core Web Vitals Messung.

Core Web Vitals -bestanden : die Felddaten – so geht’s 🎉

Das muss ich zeigen, weil die Seite ist sogar mobil auf 96 %. Auf Desktop ebenfalls 100 %.

Also die Vorteile von einer statischen Website liegen auf jeden Fall bei der Geschwindigkeit, und bei den niedrigen Serverkosten.

Ich brauche folgende Zutaten:

• die Sprache:  nämlich HMTL oder XHMTL oder jetzt neu HMTL5 muss ich können
• einen einfachen Texteditor wie z.B. Notepad plus plus
• einen Platz auf einem Server, wo ich die erstellte Seite uploaden muss

Und so sieht der Quelltext ( Ausschnitt) z. B. in Notepad plus plus aus.

Dieser Quelltext wird nun von Firefox oder einem anderen Browser gelesen, interpretiert und als „StatischeWebseite“ ausgegeben.

Schwierigkeiten kann es nun geben, wenn die einzelnen Browser den Quelltext unterschiedlich interpretieren. Als Ergebnis würde dann eine Webseite in den einzelnen Browsern unterschiedlich aussehen. Dafür braucht es dann spezielle Korrekturen.

Welche Vorteile haben nun statische Webseiten?

• Sie sind in jedem Browser abrufbar
• Hohe Sicherheit
• Schneller Seitenaufbau
• Sehr flexible Seitengestaltung , was das Design anlangt
• Kostengünstig, sowohl in der Erstellung als auch vom Speicherplatz am Server
• Kann jederzeit aufgerüstet werden

Nachteile?

• Braucht spezielle Kenntnisse für die Erstellung und Wartung
• Eher für Webseiten mit geringem Seitenumfang ( bis max.25)

Fazit: Geeignet für Firmen (als auch Private), welche einen einfachen Webauftritt benötigen und sich das Einarbeiten in ein CMS System sparen wollen

Aus meiner persönlichen Erfahrung sehe ich oft, dass eine statische Webseite kombiniert mit einer einfachen Serviceleistung viel Zeit und Nerven spart.