In der Vergangenheit haben wir darüber gesprochen, wie WordPress mit anderen populären Content-Management-Systemen wie Drupal, Joomla und sogar Squarespace mithalten kann. Aber was, wenn man sich für seine Webseite zwischen WordPress und statischem HTML entscheiden will?

Im Grunde genommen ist dies eine Art allgemeine Debatte zwischen der Verwendung eines datenbankgestützten Content-Management-Systems (wie WordPress) oder dem Schreiben des gesamten HTML/CSS selbst und der möglichen Verwendung eines Frameworks.

Um dir bei deiner Entscheidung zu helfen, erklären wir dir, was diese Begriffe bedeuten und gehen dann auf einige Vor- und Nachteile der einzelnen Ansätze ein.

Unterschied zwischen WordPress und statischem HTML

Am Ende kommt alles als HTML auf dem Frontend heraus. Das heißt, der Code deiner Webseite wird in etwa so aussehen, egal ob du WordPress oder eine statische HTML-Webseite verwendest:

WordPress html

Ganz gleich, welche Methode man wählt, der Code wird immer noch so aussehen

Der wichtige Unterschied besteht darin, wie dieses HTML entsteht.

Mit statischem HTML ist diese Geschichte ziemlich einfach. Du, oder dein Entwickler, schreibt den Code (einschließlich deines Inhalts). Wenn er dann einmal auf dem Server ist, ist es immer so. Es findet keine Hintergrundverarbeitung statt – Deine Webseite ist immer in ihrer fertigen Form vorhanden.

WordPress hingegen ist ein Content-Management-System, das PHP und eine Datenbank verwendet. Einfach ausgedrückt bedeutet das, dass wenn jemand deine WordPress-Seite besucht, dein Server deine Seite „zusammenbaut“ in dem er folgendes tut:

  • Ausführen des PHP-Codes, um die HTML-Version deiner Webseite zusammenzustellen.
  • Abfragen an deine Datenbank, um den Inhalt in dieses HTML einzufügen

Was ist also ein Content Management System?

Oben haben wir dir gesagt, dass WordPress ein Content-Management-System ist, aber wir haben nicht wirklich erklärt, was das bedeutet. Ein Content-Management-System, oft abgekürzt als CMS, ist eine Software, die dir hilft, Inhalte auf einer Webseite zu erstellen, zu verwalten und zu ändern, ohne dass du direkt mit dem Code interagieren müssen.

Anstatt z.B. deinen Inhalt manuell durch Formatierung mit HTML hinzuzufügen, wie du es bei einer statischen HTML-Webseite tun würdest, kannst du deinen Inhalt einfach mit dem WordPress-Editor eingeben und WordPress kümmert sich um die Anzeige auf deiner Seite:

Das WordPress Editor Interface

Das WordPress Editor Interface

Wenn man den Inhalt zu einem späteren Zeitpunkt bearbeiten möchte, kann man ihn einfach mit demselben Editor bearbeiten, anstatt direkt die statische HTML-Datei auf dem Server zu bearbeiten.

Vor- und Nachteile von WordPress

Auf einige Vor- und Nachteile einer statischen HTML-Webseite werden wir gleich eingehen, aber beginnen wir mit einigen der Gründe, warum über 35,2% des gesamten Internets inzwischen WordPress verwenden.

Code-freie Inhaltsverwaltung

Der größte Vorteil von WordPress ist, dass es den Code fast vollständig aus der täglichen Verwaltung der Webseite eliminieren kann. Stattdessen können die meisten Aktionen, die du durchführen willst, über eine grafische Schnittstelle ausgeführt werden.

Mit dieser grafischen Schnittstelle kann man das tun:

  • Neue Inhalte erstellen
  • Das Aussehen der Webseite ändern
  • Die Funktionsweise der Webseite ändern
  • Wichtige SEO-Einstellungen konfigurieren
  • Viele andere wichtige Aktionen durchführen

Solange du HTML/CSS nicht lebst (und wahrscheinlich auch dann nicht), wird dieser Ansatz die Verwaltung jedes Aspekts deiner Webseite erheblich erleichtern.

Leicht zu ändern, wie die Webseite aussieht

Jede WordPress-Seite braucht etwas, das sich Theme nennt. Dein Theme bestimmt, wie deine Webseite im Frontend aussieht. Um ein neues WordPress-Theme zu installieren, klicke im Grunde auf eine Schaltfläche oder lade eine einzelne Datei hoch, und deine Webseite nimmt dieses Styling sofort an:

Wie man ein neues WordPress-Thema hinzufügt

Wie man ein neues WordPress-Thema hinzufügt

Bei einer statischen HTML-Seite hingegen steuerst du mit deinem eigenen CSS, wie deine Seite aussieht. Dies ist nicht nur zeitaufwändig, sondern auch, wenn man in Zukunft das Aussehen einer statischen HTML-Seite radikal verändern möchte. Ja, es gibt CSS-Frameworks, mit denen man diesen Prozess beschleunigen kann, aber es erfordert noch mehr Arbeit und Fachwissen, um diesen Prozess zu bewältigen.

Wir wissen dies aus erster Hand, da ein Großteil der Kinsta-Webseite mit guten alten Github Commits erstellt wurde (empfohlene Lektüre: Git vs. Github). Ja, wir verwenden ein WordPress-Theme und -Framework, und unser Code ist in WordPress-Funktionen verpackt, aber das meiste, was man auf unserer Webseite sieht, wurde von unserem Team erstellt. Dies kann manchmal eine größere Flexibilität ermöglichen, aber es erfordert auch, dass wir Entwickler im Team haben. Wenn du Zeit sparen möchtest und keine Vollzeit-Entwickler hast, kann die Verwendung eines vorgefertigten WordPress-Themes deinen Workflow drastisch beschleunigen.

WordPress Theme

WordPress Theme

Außerdem muss man sich darum kümmern, dass alle deine CSS responsiv sind (AKA sieht auf dem Handy gut aus), während fast jedes einzelne WordPress-Theme heutzutage standardmäßig responsiv ist.

Einfach neue Funktionalität hinzufügen

WordPress bietet auch so genannte Plugins, mit denen man die Funktionalität seiner Webseite leicht erweitern kann. Willst du ein Kontaktformular zu deiner Webseite hinzufügen? Bei statischem HTML musst du dich mit der Validierung und dem Umgang mit den Daten, die ein Benutzer einreicht, befassen. Bei WordPress installiert man einfach ein Plugin…

Wie man ein neues Plugin zu WordPress hinzufügt

Wie man ein neues Plugin zu WordPress hinzufügt

Die Schwierigkeitslücke wird mit größeren Merkmalen noch größer. Willst du ein Forum zu deiner Webseite hinzufügen? Viel Glück dabei, das selbst zu tun. Aber mit WordPress muss man nur ein Forum-Plugin installieren.

Man kann sogar schnell eCommerce- oder soziale Netzwerkfunktionen hinzufügen.

Schnelle Entwicklung und Änderungen

Die Kombination von Themes und Plugins sowie die allgemeine Funktionalität von WordPress als Content-Management-System bedeuten, dass man auch komplizierte Webseiten schnell in Gang setzen kann.

Statisches HTML kann für eine sehr einfache Webseite mit nur wenigen Seiten schnell sein… aber wenn du irgendeine nicht standardisierte Funktionalität benötigst, wird WordPress dich mit ziemlicher Sicherheit eine Webseite schneller aufbauen lassen.

Willst du mehr Vorteile? Schau dir diese 10 guten Gründe an, warum du WordPress verwenden solltest.

Gibt es irgendwelche Nachteile bei der Verwendung von WordPress?

Einige Leute werden sagen, dass „statische HTML-Webseiten schneller geladen werden“ oder „statische HTML-Webseiten bei Google ein besseres Ranking haben“. Aber einiges davon sollte mit Vorsicht genossen werden. Es stimmt zwar, dass PHP und eine Datenbank zusätzliche Ladezeiten und Verzögerungen mit sich bringen, aber es ist nicht so schwierig, WordPress Ladezeiten unter einer Sekunde zu bekommen – was sehr schnell ist.

Man sollte sich fragen, ob es sich lohnt, auf die Vorteile von WordPress zu verzichten, wenn man eine etwas schnellere statische Webseite hat. Auch die PHP-Performance hat sich in den letzten fünf Jahren drastisch verbessert. In unseren jüngsten PHP-Benchmark-Tests kamen wir zu dem Schluss, dass PHP 7.3 3 3x so viele Anfragen (Transaktionen) pro Sekunde bearbeiten kann wie PHP 5.6. 🚀

WordPress 5.0 PHP Benchmarks

WordPress 5.0 PHP Benchmarks

Es gibt auch Möglichkeiten, PHP- und Datenbankverzögerungen zu umgehen, indem man statische HTML-Versionen der Seiten im Cache ablegt. Das bedeutet, dass jede Seite im Wesentlichen blitzschnell geladen werden kann, genau wie bei einer statischen HTML-Seite.

Wie stark wirkt sich das Caching auf eine WordPress-Seite aus? Hier ist ein schneller Test auf einem WordPress-Blog vor und nach dem Cache.

Ohne Cache

Wir haben zunächst einen Test mit deaktiviertem Cache im WordPress-Blog durchgeführt.

WordPress Seite ohne Cache

WordPress Seite ohne Cache (Pingdom test)

Wie man sehen kann, gibt es eine erhebliche Verzögerung beim ersten HTML-DOC-Laden. Dies ist darauf zurückzuführen, dass sie nicht aus dem Cache auf dem Server bedient wird.

Verzögerung ohne Cache

Verzögerung ohne Cache

Mit Cache

Wir haben dann einen Test mit aktiviertem Cache im WordPress-Blog durchgeführt. Sonst wurde nichts geändert.

WordPress Seite mit Cache

WordPress Seite mit Cache (Pingdom test)

Wie man sieht, gibt es eine massive Verbesserung. Tatsächlich wurde die Ladezeit durch das einfache Bereitstellen der ersten Seite aus dem Cache auf dem Server um 32,2 % verringert.

Mit Cache

Mit Cache

Kinsta kümmert sich automatisch um das Caching auf Serverebene für alle WordPress-Hosting-Kunden. Das bedeutet, dass man sich nicht mit Caching-Plugins von Drittanbietern herumschlagen muss.

Wenn es um die Gerüchte über das Ranking geht, die man vielleicht hört, gibt es großartige WordPress SEO-Plugins, mit denen man jeden Aspekt der technischen und On-Page-SEO seiner Webseite kontrollieren kann. Wenn WordPress-Seiten wirklich schlechter als statische HTML-Seiten im Suchranking abschneiden würden, würde man nicht sehen, dass sie von massiven Plattformen wie The Wirecutter oder TechCrunch verwendet werden.

Es gibt jedoch ein paar kleine Nachteile, und der erste ist die Wartung. Wenn man sich für ein qualitativ hochwertiges Managed WordPress Hosting entscheidet, kann man zwar einen Großteil der schlimmsten Wartungsarbeiten vermeiden, aber dennoch muss man dafür sorgen, dass die Core-Software, Plugins und Themes von WordPress aktualisiert und kompatibel sind. Dies ist heutzutage ziemlich einfach, aber es ist etwas, das man bei einer statischen HTML-Webseite nicht mehr tun muss.

Der zweite Nachteil wäre wahrscheinlich die Qualität. Aufgrund der extremen Popularität von WordPress gibt es eine Menge schlechter Plugins und Themes. Und kostenlose Lösungen fallen manchmal einfach ganz von der Landkarte ab. Das Sortieren der schlechten Lösungen, um die guten zu finden, kann zeitaufwendig sein.

Vor- und Nachteile der statischen HTML-Webseite

Du hast von WordPress gehört – aber jetzt wollen wir uns mit den Vor- und Nachteilen einer statischen HTML-Webseite befassen.

Es gibt keine zugrundeliegende Software, die gepflegt werden muss.

Wir haben gerade erst darüber gesprochen, aber lasst es uns hier schnell aufwärmen, denn es ist einer der größten Vorteile von statischem HTML.

Wenn man WordPress und Themes/Plugins verwendet, ist man dafür verantwortlich, den gesamten zugrunde liegenden Code zu aktualisieren und sicherzustellen, dass es keine Kompatibilitätsprobleme gibt. Obwohl dies ziemlich einfach ist (normalerweise muss man nur auf eine Schaltfläche klicken), ist es etwas, das man tun muss, um die Sicherheit und Funktionsfähigkeit der Webseite zu gewährleisten.

Wenn du andererseits sauberes statisches HTML geschrieben hast, solltest du in der Lage sein, die Dinge so ziemlich in Ruhe zu lassen und dich nie um Aktualisierungen zu kümmern.

Haben Sie mit Ausfallzeiten und WordPress-Problemen zu kämpfen? Kinsta ist die Hosting-Lösung, die Ihnen Zeit spart! Sieh dir unsere Features an

Leichterer Zugang zum zugrundeliegenden Code

Während mit WordPress der gesamte zugrundeliegende Code der Webseite zugänglich ist, erleichtert eine statische HTML-Webseite die Eingabe bestimmter Arten von Markups. Anstatt sich mit Themevorlagendateien und der WordPress-Schleife auseinandersetzen zu müssen, steht alles direkt vor deiner Nase.

Während es beispielsweise Schema-Plugins für WordPress gibt, lässt sich das Schema-Markup auf einer statischen HTML-Webseite leichter kontrollieren.

Was sind die Nachteile der Erstellung einer statischen HTML-Webseite?

Während eine statische HTML-Webseite für eine einfache Webseite sicherlich in Ordnung ist, treten die Hauptprobleme auf, wenn man versucht, den Inhalt oder die Funktionalität zu vergrößern.

Die meisten dieser Nachteile sind einfach das Gegenteil der Vorteile von WordPress. Nämlich

  • Das Hinzufügen oder Bearbeiten von Inhalten ist nicht benutzerfreundlich, weil man sich in den Code einarbeiten muss.
  • Das Hinzufügen neuer Funktionalität erfordert, dass du den Code selbst programmierst.
  • Um das Aussehen deiner Webseite zu ändern, musst du dein CSS neu schreiben.

Wenn du HTML/CSS nicht selbst kennst, müssen all diese Dinge auch einen Entwickler bezahlen, während du sie bei WordPress größtenteils selbst machen kannst.

WordPress als statischen Webseiten Generator verwenden

Statische Webseiten-Generatoren unterscheiden sich leicht von den beiden oben genannten Optionen, da sie den Inhalt eines Content-Management-Systems, wie z.B. WordPress, mit einem Theme kombinieren und statische HTML-Seiten generieren. Jekyll ist eine der beliebtesten Optionen, mit der man die gesamte Webseite oder den Blog auf GitHub Pages hosten und den neuen Inhalt mit einem Befehl pushen kann. Die Kehrseite der Medaille? Es ist (gelinde gesagt) nicht einfach, es einzurichten, und selbst für Entwickler kann es zeitaufwendig sein.

Wenn du einen freien Nachmittag hast, um mehr über Jekyll zu erfahren, dann wirf einen Blick auf diesen Artikel von Mike Neumegen. Alternativ dazu kann ein Flatfile-CMS wie Grav dir eine einfachere Inhaltsverwaltung ermöglichen, ohne dass du eine Datenbank benötigst.

Wenn man technisch versiert ist, ist es sogar möglich, das Beste aus beiden Welten zu nutzen und WordPress als statischen HTML-Webseiten-Generator zu verwenden. Man muss jedoch bedenken, dass man bei dieser Art der Nutzung von WordPress Opfer bringen muss:

  • Es wird überhaupt keine „Echtzeit“-Dynamik auf deiner Webseite geben.
  • Keine empfohlenen Artikel für dich oder Widgets, die sich für jeden Besucher ändern.
  • Du kannst das in WordPress integrierte Kommentarsystem nicht verwenden.

Im Wesentlichen wird alles, was serverseitig (PHP) generiert wird, statisch und manuell aktualisiert. Statische Webseiten-Generatoren erstellen eine komplette HTML-Seite auf der Grundlage deines Inhalts, und sobald dies geschehen ist, wird deine Webseite, egal wie viele Leute sie besuchen, nicht neu generiert; es sei denn, du gibst einen bestimmten Befehl auf deinem Computer ein.

Empfohlene Lektüre: Wie man eine HTML-Datei in WordPress hochlädt.

Entwickler lösen das kommentierende „Problem“, indem sie es entweder gar nicht verwenden oder zu JavaScript-basierten Lösungen wechseln. Die beliebtesten sind Disqus- oder Facebook-Kommentare.

Es gibt eine Reihe von WordPress-Cache-Plugins, mit denen du statische HTML-Dateien deiner Beiträge und Seiten erstellen kannst, aber wenn du Nginx als Webserver verwendest (wenn du das nicht tust, solltest du das wirklich tun, aber das ist ein Thema für einen anderen Artikel), kannst du einfach den Schalter für die Zwischenspeicherung ganzer Seiten einschalten und ihn so einstellen, dass er in einem Tag oder einer Woche abläuft. Je länger man es sich „leisten“ kann, ihn zu setzen, desto besser.

Was als nächstes passiert, ist, dass der erste Besucher die vollständigen, zwischengespeicherten HTML-Dateien vom Server generieren lässt und alle nachfolgenden Besucher innerhalb der vordefinierten Ablauffrist diese Dateien erhalten. Hier ein Kinsta, unsere Server verwenden das nginx fastcgi cache module für das Seiten-Caching. Du fragst dich, wie man es einrichtet? Nun, wenn du deine eigenen Server verwaltest, gibt es hier eine extrem detaillierte Anleitung von DigitalOcean, der du folgen kannst.

Wenn du ein Kinsta-Kunde bist, erfolgt dies automatisch für jede WordPress-Seite, und der Cache läuft standardmäßig alle eine Stunde ab. Du kannst jedoch ein Ticket bei unserem Support-Team in deinem MyKinsta-Dashboard öffnen und eine längere Cache-Dauer anfordern. Bitte stellen nur sicher, dass du die Konsequenzen dieses Vorgehens vollständig verstehst.

Cloudflare Full Page Cache

Du kannst auch Cloudflare Seitenregeln mit WordPress verwenden und deine gesamte Webseite aus dem Cache bedienen. WP Bullet hat eine großartige Anleitung, wie man den Cloudflare Cache für seine WordPress Beiträge und Seiten einrichtet.

Dies kann sehr vorteilhaft für Webseiten sein, die eine Veranstaltung starten oder mit einem enormen Anstieg des Traffics rechnen. Denke jedoch daran, dass du, wenn du komplett aus dem Cache bedienst, höchstwahrscheinlich Probleme mit dem WooCommerce Checkout, der WordPress-Administrationsleiste und anderen Dingen haben wirst, die du entweder beheben oder eine Lösung finden musst.

Wir bieten das Beste aus beiden Welten

Wir empfehlen im Allgemeinen nicht, die gesamte Webseite aus dem Cache zu bedienen, es sei denn, man hat Zeit, alles ordnungsgemäß zu testen. Zum Beispiel, wenn es um WooCommerce geht: Man kann die „statische“ Titelseite, Kategorien, Produktseiten zwischenspeichern (wenn man sie nicht zu oft ändert) und dann ja, sie wird fast sofort geladen! Aber sobald jemand auf „In den Warenkorb“ klickt, muss er zu einer nicht gecachten Version wechseln, sonst sieht er den Warenkorb immer leer.

Hier bei Kinsta haben wir Regeln auf Serverebene für E-Commerce-Lösungen und Blogs, um sicherzustellen, dass das, was zwischengespeichert werden sollte, auch wirklich im Cache ist und was nicht, auch nicht.

Einige Beispiele sind bestimmte WooCommerce- und EDD-Seiten wie Warenkorb, mein Konto und Kasse, die nicht im Cache gespeichert werden sollen. Und Benutzer umgehen den Cache automatisch, wenn das woocommerce_items_in_cart Cookie oder das edd_items_in_cart Cookie erkannt wird, um einen reibungslosen und synchronen Kassiervorgang zu gewährleisten.

Dies ermöglicht ein schnelleres Laden der WordPress-Seite, ohne dass wir uns Sorgen machen müssen, dass etwas kaputt geht.

Cache Component Stack

Cache Component Stack

Willst du nicht deine gesamte Webseite bei Kinsta hosten, sondern die dynamische Funktionalität für deinen WordPress-Blog nutzen? Vielleicht solltest du dir überlegen, deine Webseite über einen Reverse-Proxy zu laden. Wir unterstützen diese Art von Setups.

WordPress oder statisch?

Nun zur eine Million Euro Frage… Wenn du nur eine kleine Webseite baust, die sich wahrscheinlich nicht ändert oder neue Inhalte benötigt, ist statisches HTML ein guter Ansatz. Aber für alles andere ist WordPress mit ziemlicher Sicherheit die bessere Wahl. Dies gilt insbesondere dann, wenn kein Zugang zu einem Entwickler besteht.

Seine einfache Handhabung, kombiniert mit seiner Erweiterbarkeit, sind die Hauptgründe, warum es mittlerweile über 35,2% aller Webseiten im Internet betreibt. Nun zu dir – würdest du jemals eine Webseite mit statischem HTML über WordPress präferieren? Oder bist du den Weg des statischen Webseiten-Generators gegangen?


Wenn Dir dieser Artikel gefallen hat, dann wirst du Kinsta’s WordPress Hosting-Plattform lieben. Beschleunige deine Webseite und erhalte 24/7 Support von unserem erfahrenen WordPress-Team. Unsere Google Cloud basierte Infrastruktur konzentriert sich auf die Bereiche Auto-Scaling, Performance und Sicherheit. Lass uns dir den Kinsta-Unterschied zeigen! Schau Dir hier unsere Pakete an