Free Press

In der Vergangenheit haben wir darüber gesprochen, wie WordPress im Vergleich zu anderen beliebten Content-Management-Systemen wie Drupal, Joomla und sogar Squarespace abschneidet. Aber was ist, wenn Sie versuchen, zwischen WordPress und statischem HTML für Ihre Website zu entscheiden?

Auf einer grundlegenden Ebene ist dies eine Art allgemeine Debatte zwischen der Verwendung eines datenbankgesteuerten Content-Management-Systems (wie WordPress) oder dem Schreiben des gesamten HTML/CSS selbst zusammen mit der möglichen Verwendung eines Frameworks.

Um Ihnen die Entscheidung zu erleichtern, erklären wir, was diese Begriffe bedeuten, und gehen dann auf einige der Vor- und Nachteile der einzelnen Ansätze ein.

• Unterschied zwischen WordPress und statischem HTML
• Vor- und Nachteile von WordPress
• Vor- und Nachteile einer statischen HTML-Website
• Verwendung von WordPress als Generator für statische Websites

Unterschied zwischen WordPress und statischem HTML

Am Ende kommt alles als HTML auf dem Frontend heraus. Das heißt, der Code Ihrer Website wird in etwa so aussehen, egal ob Sie WordPress oder eine statische HTML-Website verwenden:

Egal, für welche Methode Sie sich entscheiden, Ihr Code wird immer noch so aussehen

Der wichtige Unterschied liegt darin, wie dieses HTML zustande kommt.

Bei statischem HTML ist die Geschichte ziemlich einfach. Sie oder Ihr Entwickler schreiben den Code (einschließlich Ihres Inhalts). Sobald der Code auf dem Server liegt, bleibt er so wie er ist. Es findet keine Verarbeitung im Hintergrund statt – Ihre Website liegt immer in ihrer fertigen Form vor.

WordPress hingegen ist ein Content-Management-System, das PHP und eine Datenbank verwendet. Vereinfacht ausgedrückt bedeutet das, dass Ihr Server, wenn jemand Ihre WordPress-Site besucht, Ihre Site „zusammensetzt“, indem er:

• den PHP-Code ausführt, um die HTML-Version Ihrer Site zusammenzustellen
• Ihre Datenbank abfragt, um den Inhalt zu erhalten, der in diese HTML-Version eingefügt werden soll

Was ist dann ein Content Management System?

Oben haben wir Ihnen 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, mit der Sie Inhalte auf einer Website erstellen, verwalten und ändern können, ohne direkt mit dem Code interagieren zu müssen.

Anstatt beispielsweise Ihre Inhalte manuell hinzuzufügen, indem Sie sie mit HTML formatieren, wie Sie es bei einer statischen HTML-Website tun würden, können Sie Ihre Inhalte einfach über den WordPress-Editor eingeben, und WordPress kümmert sich um die Anzeige auf Ihrer Website:

Die Oberfläche des WordPress-Editors

Wenn Sie den Inhalt zu einem späteren Zeitpunkt bearbeiten möchten, können Sie ihn einfach mit demselben Editor bearbeiten, anstatt die statische HTML-Datei auf Ihrem Server direkt bearbeiten zu müssen.

Vor- und Nachteile von WordPress

Wir werden gleich auf einige Vor- und Nachteile einer statischen HTML-Website eingehen, aber beginnen wir mit einigen der Gründe, warum über 39,5 % des gesamten Internets jetzt WordPress verwenden.

Codefreies Content Management

Der größte Vorteil von WordPress ist, dass es den Code bei der täglichen Verwaltung Ihrer Website fast vollständig eliminieren kann. Stattdessen können die meisten Aktionen, die Sie durchführen möchten, über eine grafische Oberfläche ausgeführt werden.

Mit dieser grafischen Oberfläche können Sie:

• Neue Inhalte erstellen
• Das Aussehen Ihrer Website ändern
• Die Funktionen Ihrer Website ändern
• Wichtige SEO-Einstellungen konfigurieren
• Viele andere wichtige Aktionen durchführen

Selbst wenn Sie HTML/CSS nicht beherrschen (und wahrscheinlich auch dann nicht), wird es mit diesem Ansatz sehr viel einfacher, alle Aspekte Ihrer Website zu verwalten.

Einfaches Ändern des Aussehens Ihrer Website

Jede WordPress-Website benötigt ein sogenanntes Theme. Ihr Theme bestimmt, wie Ihre Website auf dem Frontend aussieht. Um ein neues WordPress-Theme zu installieren, klicken Sie einfach auf eine Schaltfläche oder laden eine einzelne Datei hoch, und Ihre Website übernimmt sofort das entsprechende Design:

Wie Sie ein neues WordPress-Theme hinzufügen

Bei einer statischen HTML-Site hingegen steuern Sie das Aussehen Ihrer Website mithilfe Ihres eigenen CSS. Das ist nicht nur sehr zeitaufwändig, sondern auch, wenn Sie das Aussehen Ihrer statischen HTML-Site in Zukunft grundlegend ändern möchten. Ja, es gibt CSS-Frameworks, die diesen Prozess beschleunigen können, aber es erfordert immer noch mehr Arbeit und Fachwissen, um damit umzugehen.

Wir wissen das aus erster Hand, da ein Großteil der Kinsta-Website 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 Sie auf unserer Website sehen, wurde von unserem Team erstellt. Das kann manchmal eine größere Flexibilität ermöglichen, aber es erfordert auch, dass wir Entwickler beschäftigen. Wenn Sie Zeit sparen wollen und keine Vollzeitentwickler haben, kann ein vorgefertigtes WordPress-Theme Ihre Arbeitsabläufe drastisch beschleunigen.

WordPress-Theme

Außerdem müssen Sie sich darum kümmern, dass Ihr gesamtes CSS responsive ist (d. h. auf mobilen Geräten gut aussieht), während fast jedes WordPress-Theme heutzutage standardmäßig responsive ist.

Einfaches Hinzufügen neuer Funktionen

WordPress bietet auch so genannte Plugins, mit denen Sie die Funktionalität Ihrer Website einfach erweitern können. Sie möchten ein Kontaktformular auf Ihrer Website einrichten? Bei statischem HTML müssen Sie sich um die Validierung kümmern und darum, was mit den Daten geschieht, die ein Benutzer eingibt. Bei WordPress installieren Sie einfach ein Plugin…

Wie Sie ein neues WordPress-Plugin hinzufügen

Die Schwierigkeitslücke wird bei größeren Funktionen noch größer. Sie möchten ein Forum zu Ihrer Website hinzufügen? Viel Glück dabei, das selbst zu tun. Aber mit WordPress brauchen Sie nur ein Forum-Plugin zu installieren.

Sie können sogar schnell eCommerce- oder Social-Network-Funktionen 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 Sie selbst komplizierte Websites schnell erstellen können.

Statisches HTML kann für eine sehr einfache Website mit nur ein paar Seiten schnell sein… aber wenn Sie eine nicht standardisierte Funktionalität benötigen, können Sie mit WordPress eine Website mit ziemlicher Sicherheit schneller erstellen.

Wollen Sie noch mehr Vorteile? Sehen Sie sich diese 10 guten Gründe an, warum Sie WordPress verwenden sollten.

Gibt es Nachteile bei der Verwendung von WordPress?

Sie werden einige Leute finden, die Dinge sagen wie „statische HTML-Websites laden schneller“ oder „statische HTML-Websites ranken besser in Google.“ Einige dieser Aussagen sind jedoch mit Vorsicht zu genießen. Es stimmt zwar, dass PHP und eine Datenbank zusätzliche Ladezeiten und Verzögerungen mit sich bringen, aber es ist nicht so schwierig, die Ladezeiten von WordPress unter eine Sekunde zu bringen – was schon sehr schnell ist.

Sie sollten sich fragen, ob eine etwas schnellere statische Website es wert ist, auf die Vorteile von WordPress zu verzichten. Auch die PHP-Leistung 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 dreimal so viele Anfragen (Transaktionen) pro Sekunde bewältigen kann wie PHP 5.6. 🚀

WordPress 5.0 PHP-Benchmarks

Es gibt auch Möglichkeiten, PHP- und Datenbankverzögerungen zu vermeiden, indem Sie Caching verwenden, um statische HTML-Versionen Ihrer Seiten bereitzustellen. Das bedeutet, dass jede Seite blitzschnell geladen werden kann, genau wie bei einer statischen HTML-Site.

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

Ohne Cache

Wir haben zuerst einen Test mit deaktiviertem Cache auf dem WordPress-Blog durchgeführt.

WordPress-Site ohne Cache (Pingdom-Test)

Wie Sie sehen können, gibt es eine erhebliche Verzögerung beim ersten Laden des HTML-DOC. Das liegt daran, dass die Seite nicht aus dem Cache des Servers geladen wird.

Ohne Cache-Verzögerung

Mit Cache

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

WordPress-Website mit Cache (Pingdom-Test)

Wie Sie sehen können, gibt es eine massive Verbesserung. Allein die Bereitstellung der ersten Seite aus dem Cache auf dem Server hat die Ladezeit um 32,2 % verkürzt.

Mit Cache

Kinsta übernimmt für alle WordPress-Hosting-Kunden automatisch das Caching auf Serverebene. Das bedeutet, dass Sie sich nicht mit Caching-Plugins von Drittanbietern herumschlagen müssen.

Wenn es um die Ranking-Gerüchte geht, die Sie vielleicht hören, gibt es großartige WordPress-SEO-Plugins, mit denen Sie Ihre WordPress-SEO optimieren können, indem Sie jeden Aspekt der technischen und On-Page-SEO Ihrer Website kontrollieren. Wenn WordPress-Websites in den Suchergebnissen wirklich schlechter abschneiden würden als statische HTML-Websites, würden sie nicht von großen Plattformen wie The Wirecutter oder TechCrunch verwendet werden.

Es gibt jedoch ein paar kleine Nachteile, und der erste ist die Wartung. Wenn Sie sich für ein hochwertiges verwaltetes WordPress-Hosting entscheiden, entfällt zwar ein Großteil der schlimmsten Wartungsarbeiten, aber Sie müssen trotzdem dafür sorgen, dass die WordPress-Kernsoftware, Plugins und Themes aktualisiert und kompatibel sind. Das ist heutzutage ziemlich einfach, aber bei einer statischen HTML-Website müssen Sie das nicht tun.

Der zweite Nachteil ist wahrscheinlich die Qualität. Aufgrund der extremen Popularität von WordPress gibt es eine Menge schlechter Plugins und Themes da draußen. Und kostenlose Lösungen verschwinden manchmal ganz von der Bildfläche. Es kann zeitaufwändig sein, sich durch die schlechten Lösungen durchzukämpfen, um die guten zu finden.

Vor- und Nachteile einer statischen HTML-Website

Sie haben von WordPress gehört – jetzt wollen wir uns mit den Vor- und Nachteilen einer statischen HTML-Website beschäftigen.

Es gibt keine zugrundeliegende Software zu pflegen

Wir haben vorhin darüber gesprochen, aber lassen Sie es uns hier kurz wiederholen, weil es einer der Hauptvorteile von statischem HTML ist.

Wenn Sie WordPress und Themes/Plugins verwenden, sind Sie dafür verantwortlich, den gesamten zugrundeliegenden Code zu aktualisieren und sicherzustellen, dass es keine Kompatibilitätsprobleme gibt. Das ist zwar ziemlich einfach (in der Regel müssen Sie nur auf eine Schaltfläche klicken), aber es ist etwas, das Sie tun müssen, um Ihre Website sicher und funktionsfähig zu halten.

Wenn Sie dagegen sauberes statisches HTML geschrieben haben, sollten Sie die Dinge so gut wie in Ruhe lassen können und sich nicht um Updates kümmern müssen.

Einfacherer Zugriff auf den zugrunde liegenden Code

Während Sie mit WordPress auf den gesamten zugrunde liegenden Code Ihrer Website zugreifen können, macht es eine statische HTML-Website etwas einfacher, bestimmte Arten von Markup einzugeben. Anstatt sich mit Theme-Vorlagendateien und der WordPress-Schleife auseinandersetzen zu müssen, haben Sie alles direkt vor sich.

Es gibt zwar Schema-Plugins für WordPress, aber Sie können das Schema-Markup auf einer statischen HTML-Website einfacher steuern.

Was sind die Nachteile einer statischen HTML-Website?

Während eine statische HTML-Website für eine einfache Website sicherlich gut geeignet ist, treten die Hauptprobleme auf, wenn Sie versuchen, die Website zu erweitern, entweder in Bezug auf die Menge des Inhalts oder der Funktionalität.

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 Funktionen erfordert, dass man sie selbst programmiert.
• Wenn man das Aussehen seiner Website ändern will, muss man sein CSS umschreiben.

Außerdem muss man für all diese Dinge einen Entwickler bezahlen, es sei denn, man kennt sich selbst mit HTML/CSS aus, wohingegen man sie mit WordPress größtenteils selbst erledigen kann.

WordPress als statischen Website-Generator verwenden

Statische Website-Generatoren unterscheiden sich geringfügig von den beiden oben genannten Optionen, da sie den Inhalt eines Content-Management-Systems wie WordPress mit einem Thema kombinieren und statische HTML-Seiten erzeugen. Jekyll ist eines der beliebtesten Programme, mit dem Sie Ihre gesamte Website oder Ihren Blog auf GitHub Pages hosten und Ihre neuen Inhalte mit einem einzigen Befehl veröffentlichen können. Der Nachteil? Es ist (gelinde gesagt) nicht einfach, es einzurichten, und selbst für Entwickler kann es zeitaufwändig sein.

Wenn Sie einen freien Nachmittag haben, um mehr über Jekyll zu erfahren, schauen Sie sich diesen Artikel von Mike Neumegen an. Alternativ kann ein Flat-File-CMS wie Grav die Verwaltung von Inhalten erleichtern, ohne dass Sie eine Datenbank benötigen.

Wenn Sie technisch versiert sind, können Sie sogar das Beste aus beiden Welten nutzen und WordPress als Generator für statische HTML-Websites verwenden. Sie müssen jedoch bedenken, dass Sie bei dieser Art der Nutzung von WordPress Abstriche machen müssen:

• Es wird keine dynamischen Inhalte in „Echtzeit“ auf Ihrer Website geben, überhaupt nicht.
• Keine empfohlenen Artikel für Sie oder Widgets, die sich für jeden Besucher ändern.
• Sie können das in WordPress eingebaute Kommentarsystem nicht verwenden.

Im Wesentlichen wird alles, was serverseitig (PHP) generiert wird, statisch und manuell aktualisiert. Statische Website-Generatoren erstellen eine komplette HTML-Seite auf der Grundlage Ihres Inhalts, und sobald dies geschehen ist, wird sie nicht mehr neu generiert, egal wie viele Besucher Ihre Website besuchen; es sei denn, Sie geben einen bestimmten Befehl auf Ihrem Computer ein.

Lesetipp: How to Upload an HTML File to WordPress.

Entwickler lösen das Kommentar-„Problem“, indem sie es entweder überhaupt nicht verwenden oder zu JavaScript-basierten Lösungen wechseln, wobei Disqus oder Facebook-Kommentare die beliebtesten sind.

Es gibt eine Reihe von WordPress-Caching-Plugins, mit denen Sie statische HTML-Dateien Ihrer Beiträge und Seiten erstellen können. Wenn Sie Nginx als Webserver verwenden (wenn nicht, sollten Sie das unbedingt tun, aber das ist ein Thema für einen anderen Artikel), können Sie einfach den Schalter für das vollständige Seiten-Caching umlegen und so einstellen, dass es nach einem Tag oder einer Woche abläuft. Je länger Sie es sich „leisten“ können, desto besser.

Was dann passiert, ist, dass der Server für den ersten Besucher die kompletten, zwischengespeicherten HTML-Dateien generiert und alle nachfolgenden Besucher innerhalb der vordefinierten Ablaufzeit diese Dateien serviert bekommen. Hier bei Kinsta verwenden unsere Server das nginx fastcgi cache module für die Zwischenspeicherung von Seiten. Wie man es einrichtet, fragen Sie? Wenn du deine eigenen Server verwaltest, findest du hier eine sehr detaillierte Anleitung von DigitalOcean, die du befolgen kannst.

Wenn du ein Kinsta-Kunde bist, ist dies automatisch für jede WordPress-Website und der Cache läuft standardmäßig alle eine Stunde ab. Sie können jedoch in Ihrem MyKinsta-Dashboard ein Ticket bei unserem Support-Team eröffnen und eine längere Cache-Dauer beantragen. Bitte vergewissern Sie sich nur, dass Sie sich über die Konsequenzen dieses Vorgehens im Klaren sind.

Cloudflare Full Page Cache

Sie können auch die Seitenregeln von Cloudflare mit WordPress nutzen und Ihre gesamte Website aus dem Cache bedienen. Wir erklären Ihnen hier, wie Sie den Cloudflare-Cache für Ihre WordPress-Posts und -Seiten einrichten können.

Dies kann für Websites, die eine Veranstaltung starten oder einen großen Besucheransturm erwarten, sehr nützlich sein. Denken Sie jedoch daran, dass Sie, wenn Sie Ihre Website vollständig aus dem Cache bedienen, höchstwahrscheinlich Probleme mit der WooCommerce-Kasse, der WordPress-Admin-Symbolleiste und anderen Dingen haben werden, die Sie entweder beheben oder umgehen müssen.

Lesetipp: How to Set up Cloudflare APO for WordPress.

Wir bieten das Beste aus beiden Welten

Wir empfehlen im Allgemeinen nicht, Ihre gesamte Website aus dem Cache zu bedienen, es sei denn, Sie haben Zeit, alles ordnungsgemäß zu testen. Ein Beispiel für WooCommerce: Sie können die „statische“ Startseite, die Kategorien und die Produktseiten im Cache speichern (wenn Sie sie nicht zu oft ändern), und dann wird die Seite fast sofort geladen. Aber sobald jemand auf „In den Warenkorb“ klickt, müssen Sie zu einer nicht gecachten Version wechseln, da der Warenkorb sonst immer leer ist.

Wir bei Kinsta haben Regeln auf Server-Ebene für E-Commerce-Lösungen und Blogs, um sicherzustellen, dass das, was gecacht werden soll, auch gecacht wird und das, was nicht gecacht werden soll, nicht.

Ein paar Beispiele sind bestimmte WooCommerce- und EDD-Seiten wie Warenkorb, Mein Konto und Kasse, die vom Caching ausgeschlossen sind. Und Benutzer umgehen automatisch den Cache, wenn das woocommerce_items_in_cart-Cookie oder edd_items_in_cart-Cookie erkannt wird, um einen reibungslosen und synchronen Checkout-Prozess zu gewährleisten.

So erhalten Sie eine schnell ladende WordPress-Website, ohne sich Sorgen machen zu müssen, dass etwas kaputt geht.

Cache-Komponenten-Stack

Sie möchten nicht Ihre gesamte Website bei Kinsta hosten, aber die Vorteile der dynamischen Funktionalität für Ihren WordPress-Blog nutzen? Dann sollten Sie sich überlegen, ob Sie Ihre Website über einen Reverse-Proxy laden wollen. Wir unterstützen diese Art von Konfigurationen.

WordPress oder statisch?

Jetzt kommt die Millionen-Dollar-Frage… Wenn Sie nur eine kleine Website erstellen, die sich wahrscheinlich nicht ändert oder neue Inhalte erfordert, ist statisches HTML eine gute Lösung. Aber für alles andere ist WordPress mit ziemlicher Sicherheit die bessere Wahl. Dies gilt insbesondere, wenn Sie keinen Zugang zu einem Entwickler haben.

Die Benutzerfreundlichkeit von WordPress in Verbindung mit seiner Erweiterbarkeit sind die Hauptgründe dafür, dass inzwischen über 39,5 % aller Websites im Internet damit betrieben werden. Und nun zu Ihnen: Würden Sie eine Website mit statischem HTML statt mit WordPress erstellen? Oder haben Sie sich für einen statischen Website-Generator entschieden?