Inhaltsverzeichnis
In diesem Leitfaden zeigen wir Ihnen, wie Sie Ihre WordPress-Website mit dem WordPress-Plugin Simply Static ganz einfach in eine statische Website umwandeln.
Wenn Sie die Geschwindigkeit und Sicherheit Ihrer Website erhöhen und gleichzeitig sicherstellen möchten, dass Ihre Website weiterhin skalierbar ist, ist dieser Leitfaden genau das Richtige für Sie.
Bevor wir also erklären, wie Sie Ihre WordPress-Website in eine statische Website umwandeln, erklären wir zunächst, was eine statische WordPress-Website ist.
Was ist eine statische WordPress-Website?
Um zu verstehen, was eine statische WordPress-Website ist, müssen wir uns ansehen, wie statische und dynamische Websites jeweils funktionieren. Schauen wir uns zunächst an, wie statische Websites funktionieren.
Was sind statische Websites?
Die Inhalte statischer Websites (manchmal auch Headless-Websites genannt) ändern sich im Laufe der Zeit nicht (es sei denn, Sie aktualisieren sie manuell). Besucher statischer Websites sehen unabhängig davon, wer sie sind, woher sie kommen und welchen Browser sie verwenden, dieselben Inhalte.
Der Grund dafür ist, dass eine statische Website aus drei Arten statischer Dateien besteht:
- Statisches HTML – zur Bestimmung der Struktur und Inhalte Ihrer Website.
- CSS – zur Gestaltung Ihrer Website, beispielsweise zur Festlegung von Schriftarten, Farben, Größen usw.
- JavaScript – für Interaktivität, beispielsweise um festzulegen, was passiert, wenn Sie auf eine Schaltfläche klicken, oder für komplexere Funktionen.
Dadurch sind statische Websites relativ schlank. Diese Dateien werden von Grund auf codiert bzw. erstellt und auf einem Server gehostet. Alle Benutzer sehen auf den einzelnen Seiten dieselben Inhalte, wenn sie auf diese Website zugreifen. Wenn die Inhalte der Webseiten geändert werden müssen, müsste ein Entwickler die Dateien abrufen und den Code ändern, bevor er sie erneut auf dem Server speichert.
Angenommen, Sie haben eine Portfolio- oder reine Informationswebsite, deren Inhalte Sie nicht regelmäßig ändern müssen. Dann wäre eine statische Website perfekt für Sie geeignet.
Was sind dynamische Websites?
Die Inhalte dynamischer Websites hingegen werden in Echtzeit generiert. Wenn ein Benutzer auf den Link zu einer dynamischen Website klickt, wird die Webseite in der Datenbank verarbeitet, abgerufen und anschließend an den Benutzer ausgeliefert. Je nach Benutzer, Tageszeit, Zeitzone, Sprache usw. können anschließend unterschiedliche Inhalte abgerufen werden.
Dazu gehören beispielsweise Mitgliederinhalte, übersetzte Seiten, Benutzerprofile, auf den jeweiligen Benutzer zugeschnittene Empfehlungen usw. So können E-Commerce-Websites auf WordPress Produkte schnell aktualisieren und verschiedenen Benutzern unterschiedliche Inhalte bereitstellen.
Nachdem wir nun den Unterschied zwischen einer statischen und einer dynamischen Website kennen, sehen wir uns die Vorteile an, die eine Umwandlung Ihrer dynamischen WordPress-Website in eine statische Website bietet.
Warum Sie WordPress in eine statische Website umwandeln sollten
Wenn wir die Unterschiede zwischen statischen und dynamischen Websites berücksichtigen, wird deutlich, warum Sie Ihre WordPress-Website in eine statische Website umwandeln sollten.
Statische Websites sind schneller
WordPress führt zahlreiche Aufgaben in der Datenbank aus, bevor eine Webseite dem Benutzer angezeigt wird. Außerdem müssen mehrere Dateien von WordPress, WordPress-Plugins und Integrationen von Drittanbietern ausgeführt werden. Zwischen dem Browser und der Datenbank müssen mehrere Anfragen durchgeführt werden, bevor Website-Benutzer auf die von ihnen angeforderten Inhalte zugreifen können.
All dies benötigt Zeit für die Ausführung und verlangsamt eine WordPress-Website (mit einer längeren Ladezeit). Daher werden ungeduldige Benutzer Ihre Website wahrscheinlich verlassen, ohne eine gewünschte Aktion auszuführen.
Statische Websites liefern Inhalte hingegen sofort an Besucher aus. Sie müssen die Webseiten nicht verarbeiten und ihre Inhalte nicht aus einer Datenbank abrufen.
Dadurch werden die Ladezeiten der Seiten deutlich verkürzt, was langfristig die Benutzererfahrung verbessert. Eine statische Website ist außerdem gut für SEO, da Suchmaschinen-Crawler die Website schnell durchsuchen, indexieren und ranken können.
Statische Websites bieten mehr Sicherheit
WordPress-Websites verfügen über mehrere Zugangspunkte für Cyberangriffe. Da sie mit einer Datenbank verbunden sind, können Cyberkriminelle datengestützte Techniken wie SQL-Injection einsetzen, um die Datenbank von WordPress-Websites anzugreifen.
Plugins stellen ebenfalls einen weiteren Zugangspunkt dar, insbesondere wenn sie aus fragwürdigen Quellen heruntergeladen oder nicht regelmäßig aktualisiert werden.
Statische Websites hingegen weisen diese Schwachstelle nicht auf. Das liegt daran, dass sie keine Verbindung zu einer Datenbank benötigen und es keine Plugins gibt, die Cyberkriminelle hacken könnten. Statische Websites minimieren im Allgemeinen die Angriffspunkte.
Statische Websites sind skalierbar
WordPress ist für sich genommen ausreichend skalierbar. Es kann sowohl kleine Websites mit wenigen Benutzern als auch große Marken mit Millionen von Benutzern pro Monat verwalten.
Ihre WordPress-Website wird jedoch auf Probleme stoßen, wenn die Nachfrage Ihrer Benutzer plötzlich stark ansteigt (Traffic-Spike). Besonders dann, wenn Sie Shared Hosting nutzen. Da innerhalb kurzer Zeit zahlreiche Aufgaben ausgeführt werden müssen, kann die Datenbank möglicherweise nicht damit umgehen und Ihre Website könnte abstürzen.
Bei einer statischen Website müssen Sie sich darüber keine Sorgen machen, da sie problemlos skaliert. Sie kann diese Zeiten mit Traffic-Spikes problemlos bewältigen, da keine Roundtrips zur Datenbank und zurück erforderlich sind, um Benutzer zu bedienen. Der Server muss keine aufwendigen Aufgaben ausführen und stellt Ihre Webseiten weiterhin mit hoher Geschwindigkeit für die Benutzer bereit.
Eine typische WordPress-Installation ermöglicht es Ihnen von sich aus nicht, Ihre dynamische WordPress-Website in eine statische umzuwandeln. Hier kommen Static-Site-Generatoren wie Simply Static ins Spiel.
WordPress in eine statische Website umwandeln
Um Ihre WordPress-Website in eine statische Website umzuwandeln, benötigen Sie die Unterstützung des Plugins Simply Static. In diesem Abschnitt zeigen wir Ihnen, wie Sie Ihre WordPress-Website in eine statische Website umwandeln. Beginnen wir damit, Simply Static kennenzulernen.
Simply Static vorgestellt
Simply Static ist ein Static-Site-Generator-Plugin, mit dem Sie ganz einfach eine vollständig statische Website aus Ihrer bestehenden WordPress-Website erstellen können.
Simply Static funktioniert, indem es statische Kopien Ihrer Webseiten (HTML) erstellt, beginnend mit Ihrer Hauptseite und anschließend den Links zu den anderen Seiten folgend. Außerdem findet es Links zu Styling-Dateien und Dateien für Interaktivität (CSS und JavaScript) und erstellt statische Versionen davon.
Das Beste daran ist, dass Sie nur auf eine Schaltfläche klicken müssen und alles andere automatisiert abläuft. Simply Static ist sowohl als kostenlose als auch als Pro-Version erhältlich. Hier sind einige der zusätzlichen Funktionen von Simply Static.
Verbessert die Leistung Ihrer Website
Simply Static ermöglicht es Ihnen, die schnellste Version Ihrer WordPress-Website zu erstellen, indem alle Roundtrips zur Datenbank entfallen, die für die Bereitstellung Ihrer Seiten an Benutzer erforderlich wären. Die Auswirkungen sind bei Websites mit vielen Funktionen wie Animationen, Diagrammen usw. noch größer.
Verbessert die Sicherheit
Durch den Wegfall der Anfragen an Ihre Datenbank wird das Angriffsrisiko reduziert. Außerdem erspart es Ihnen den Aufwand, WordPress regelmäßig aktualisieren zu müssen.
Senkt die WordPress-Hostingkosten
Simply Static reduziert die Hostingkosten für Ihre statische Website, unabhängig davon, ob Sie sie bei einem Anbieter für statisches Hosting oder über ein Content Delivery Network (CDN) bereitstellen.
Verarbeitet Formulareinsendungen
Da statische Websites keinen serverseitigen Code verarbeiten können, können Sie Ihrer statischen Website keine Formulare hinzufügen, um Benutzerdaten zu erfassen, zu validieren und zu speichern. Mit Simply Static müssen Sie diese Einschränkung nicht hinnehmen. Mit diesem Plugin können Sie „Verbindungen“ zwischen Formularen auf der statischen Website und dem entsprechenden Formular in WordPress erstellen, indem Sie die Formular-ID angeben.
Alternativ können Sie externe Formularlösungen für Ihre Website verwenden. Einige davon, die wir empfehlen, finden Sie in unserem Blogbeitrag „Formulare für statische Websites“.
Kommentare auf Ihrer statischen Website aktivieren
Mit diesem Plugin können Sie Kommentare auf Ihrer statischen Website aktivieren, ohne Drittanbieter zu verwenden. Sobald ein Benutzer einen Kommentar absendet, exportiert Simply Static eine neue statische Version der Seite, auf der der Kommentar hinzugefügt wurde.
Integration mit GitHub
Die Integration von Simply Static mit GitHub bietet Ihnen die Möglichkeit, Ihren Entwicklungsprozess zu automatisieren. Dafür benötigen Sie keine tiefgehenden Kenntnisse über GitHub oder Git, sondern lediglich ein Konto. Außerdem eröffnet sie weitere Bereitstellungsoptionen, darunter GitHub Pages, Cloudflare Pages, Netlify, Vercel, Amazon S3 oder jedes andere CDN Ihrer Wahl.
Integrierte verbesserte Suche
Simply Static ermöglicht es Ihnen, leistungsstarke Suchfunktionen zu Ihrer statischen Website hinzuzufügen, ohne einen Drittanbieter zu verwenden. Dazu wird Fuse.js verwendet, eine Bibliothek, die automatische Vorschläge und eine unscharfe Suche bietet, um relevante Webseiten auch dann zu finden, wenn der Suchbegriff ungenau ist. Außerdem wird Ihre gesamte Website indexiert und diese Information in einer JSON-Datei gespeichert. Das ist gut für SEO, da der Index bei jedem statischen Export automatisch erstellt bzw. aktualisiert wird, sobald die Suchfunktion unter Simply Static > Settings > Search aktiviert wurde.
Alle außer Websites mit E-Commerce (WooCommerce) oder Mitgliederbereichen können Simply Static verwenden. Es wurde entwickelt, um gut mit anderen Plugins zusammenzuarbeiten und so die statische Version Ihrer WordPress-Website zum Leben zu erwecken.
Nachdem wir nun die Vorteile von Simply Static kennen, sehen wir uns im folgenden Tutorial an, wie Sie es verwenden können, um Ihre WordPress-Website in eine statische Website umzuwandeln.
Schritt 1: Einstellungen Ihrer statischen Website konfigurieren
Bevor wir Inhalte erstellen, müssen Sie zunächst die Pro-Version von Simply Static herunterladen und installieren.
Sobald Sie dies erledigt haben, müssen wir die Einstellungen des statischen Plugins überprüfen, bevor wir mit der Generierung Ihrer statischen WordPress-Website beginnen.
- Gehen Sie im WordPress-Administrationsdashboard zu Simply Static > Settings.
- Auf dem Tab General können Sie Ihre URL-Einstellungen und die Bereitstellungsmethode Ihrer Website konfigurieren. Je nach Art der Website, die Sie umwandeln möchten, kann die Konfiguration dieser Einstellungen variieren. Weitere Informationen finden Sie in unserer Simply Static settings doc.
- Im Bereich Include/Exclude können Sie Seiten oder Dateien einbinden, auf die auf Ihrer Website nicht verlinkt wird (z. B. versteckte Seiten). Außerdem können Sie bestimmte URLs vom statischen Generator ausschließen.
- Der Tab Deployment ist vermutlich einer der wichtigsten. Durch die Einrichtung können Sie die Dateien Ihrer Website sicher bereitstellen. Wir empfehlen die Verwendung von BunnyCDN. Mit unserem CDN-Tutorial können Sie es kostenlos einrichten.
- Mit den nächsten beiden Tabs können Sie anpassen, wie Formulare, die Suche und Kommentare auf Ihrer statischen Website funktionieren. Diese Einstellungen sind wichtig, wenn Sie eine dieser traditionell dynamischen Website-Funktionen verwenden möchten.
Nachdem wir nun alle Einstellungen für die statische Website überprüft haben, können wir Ihre WordPress-Website in eine statische Website umwandeln.
Schritt 2: Ihre statische Website erstellen
Sobald Sie mit allen Einstellungen zufrieden sind, ist es an der Zeit, Ihre statische Website zu generieren.
- Gehen Sie in Ihrem WordPress-Dashboard zu Simply Static > Generate.
- Daraufhin sehen Sie eine Seite mit einer Schaltfläche Generate Static Files und darunter einem Activity Log/Export Log.
- Wenn Sie bereit sind, klicken Sie auf die Schaltfläche Generate Static Files. Dadurch werden alle PHP- und HTML-Seiten, CSS-Dateien, Beiträge und mehr Ihrer Website in statische HTML-Dateien, statische Seiten usw. umgewandelt.
- Nach dem Klicken auf die Schaltfläche beginnt Simply Static mit der Arbeit, und Sie werden sehen, wie die Aktivitäts- und Exportprotokolle immer umfangreicher werden.
- Das war’s. Sobald Simply Static seine Arbeit erledigt hat, wurde Ihre Website umgewandelt. Sie können Ihre statische Website überprüfen, indem Sie in der Admin-Leiste auf View static URL klicken.
Schritt 3: Einzelne Seiten in statische Seiten umwandeln
Was aber, wenn Sie Ihre Website umgewandelt haben und anschließend weitere Seiten zu WordPress hinzufügen? In diesem Fall bietet Simply Static eine Schaltfläche „Generate static“, die Sie auf einzelnen WordPress-Seiten anklicken können, um diese in statische Seiten umzuwandeln.
Wenn Sie ähnlich vorgehen und eine Datei oder URL aktualisieren möchten, die kein Beitrag oder keine Seite ist (z. B. eine PDF-Datei), können Sie dies mit Simply Static tun. Unter Builds können Sie eine Liste von URLs und Dateipfaden hinzufügen und exportieren.
Das war’s: Ihre dynamische Website wurde in eine statische Website umgewandelt!
Konvertiere deine WordPress-Website noch heute in eine statische Website
Eine statische Website ist sicherer, skalierbarer und leistungsfähiger als eine dynamische Website. WordPress-Websites sind von Haus aus dynamisch. Um deine WordPress-Website in eine statische Website umzuwandeln, benötigst du die Hilfe des Plugins Simply Static. Es ist ein benutzerfreundliches Plugin, mit dem du deine WordPress-Website mit nur einem Klick in eine statische Website umwandeln kannst.
