Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

Wie wir WordPress schneller als statische Website-Generatoren gemacht haben (Fallstudie – WPBeginner beschleunigen)

Zu WPBeginners 10. Jahrestag habe ich mitgeteilt, dass unsere Hosting-Infrastruktur dank unseres Webhosting-Partners HostGator ein riesiges Upgrade erhalten hat. Danach fragten sich viele unserer Leser, wie genau wir WPBeginner blitzschnell laden ließen, und ich begann, E-Mails mit der Bitte um Details zu erhalten.

Ja, WPBeginner lädt schneller als die meisten statischen Website-Generatoren und in einigen Fällen auch schneller als Google AMP-Sites. Es geht hier nicht nur um Angeberei, sondern darum, die genauen Techniken zu teilen, die wir verwendet haben, um WordPress auf seinem absoluten Höhepunkt zu betreiben.

In diesem Artikel gebe ich Ihnen einen exklusiven Einblick hinter die Kulissen, wie wir WordPress optimiert haben, um schneller als statische Website-Generatoren und Headless-CMS-Plattformen zu sein.

Wie wir WordPress schneller als statische Website-Generatoren gemacht haben (Fallstudie – WPBeginner beschleunigen)

Hinweis: Dieser Artikel ist etwas technischer als das, was wir normalerweise auf WPBeginner veröffentlichen. Für nicht-technische Benutzer empfehle ich, unserem ultimativen Leitfaden zur Beschleunigung von WordPress zu folgen.

Update: Wir verwenden das in diesem Artikel beschriebene Setup nicht mehr. Stattdessen sind wir vollständig auf die von SiteGround verwaltete Google Cloud-Plattform umgestiegen. Wir erzielen die gleichen Geschwindigkeitsergebnisse und haben eine noch schnellere Backend-Leistung erzielt. Lesen Sie warum wir zu SiteGround gewechselt sind.

Hintergrund

In letzter Zeit hat WordPress von „modernen“ Entwicklern einen schlechten Ruf bekommen, die sagen, WordPress sei langsam.

Die Aussage wird normalerweise mit dem Hinweis ergänzt, dass Sie zu einem JAMstack-Static-Site-Generator wie GatsbyJS wechseln sollten. Andere in der Unternehmenswelt werden sagen, dass Sie zu einem Headless-CMS wie Contentful wechseln sollten.

Mehrere meiner sehr erfolgreichen Unternehmerfreunde fragten mich, ob das wahr sei.

Einige haben sogar den Prozess der Migration zu einem Headless CMS begonnen, weil sie Fallstudien darüber gelesen haben, wie andere enorme Geschwindigkeitsverbesserungen erzielt haben, indem sie von WordPress zu statischen Website-Generatoren gewechselt sind.

Das war für mich sehr frustrierend, weil ich wusste, dass sie Zehntausende von Dollar an Migrationskosten verschwendeten. Ganz zu schweigen von den endlosen Anpassungskosten, die in Zukunft anfallen werden.

Also nahm ich es als Herausforderung an, zu beweisen, dass eine große WordPress-Content-Website wie WPBeginner genauso schnell, wenn nicht sogar schneller laden kann als die meisten modernen Static-Site-Generatoren.

Sie können mich altmodisch nennen, aber am Ende des Tages ist eine statische Website nur eine Seite, die aus dem Cache geladen wird.

Ergebnisse

Bevor ich auf die genaue WordPress-Hosting-Infrastruktur, Serverkonfigurationen und Plugins eingehe, halte ich es für hilfreich, die Ergebnisse zu teilen.

So schnell lädt die WPBeginner-Startseite auf Pingdom von ihrem Server in Washington, DC:

WPBeginner Homepage Pingdom

Abhängig von der Tageszeit und dem Standort, von dem aus Sie prüfen, variiert dieses Ergebnis zwischen 400 ms und 700 ms, was für eine Homepage ziemlich schnell ist.

Hier ist ein Test, den ich für eine einzelne Beitragsseite durchgeführt habe, da sie größere Bilder und mehr Inhalt hat:

WPBeginner Single Posts Page Speed Test von Pingdom

Wir haben auch eine perfekte Punktzahl von „100“ im Google Page Speed Test für Desktops erzielt. Obwohl wir bei der mobilen Punktzahl noch Raum für Verbesserungen haben.

WPBeginner Google Page Speed Test

Die obigen Ergebnisse beziehen sich auf gecachte Seiten, die unsere Leser und Suchmaschinen-Bots erhalten, wenn sie unsere Website aufrufen. Die wahrgenommene Ladezeit von WPBeginner ist nahezu sofortig (mehr dazu später).

Zum Vergleich hier ein Geschwindigkeitstest-Ergebnis für die Homepage von Gatsby. Dies ist ein beliebter statischer Website-Generator, von dem viele Entwickler schwärmen:

Gatsby Homepage Pingdom

Hier ist das Geschwindigkeitstest-Ergebnis der Homepage von Netlify, einem beliebten Hoster für statische Websites, den viele Entwickler empfehlen. Beachten Sie, dass sie die Hälfte der Anfragen und nur 30 % der Seitengröße von WPBeginner haben, und trotzdem lädt sie langsamer als unsere Homepage.

Netlify Homepage Pingdom

Die Homepage-Geschwindigkeit von Contentful, dem Headless CMS, das "wie Unternehmen bessere digitale Erlebnisse liefern" ist, ist überhaupt nicht optimiert. Dies war die langsamste Website, die wir getestet haben.

Contentful Homepage Pingdom

Ich teile diese Statistiken nicht, um die anderen Frameworks zu diskreditieren, sondern um eine Perspektive zu geben, dass nicht alle neuen Dinge so glänzend sind, wie sie scheinen mögen.

WordPress mit einer angemessenen Hosting-Infrastruktur und Optimierungen kann genauso schnell sein wie jeder statische Website-Generator. Darüber hinaus wird keine andere Plattform auch nur annähernd an das Maß an Flexibilität herankommen, das WordPress Geschäftsinhabern durch sein großes Ökosystem an Plugins und Themes bietet.

WPBeginner Hosting-Infrastruktur

Wenn es um die Geschwindigkeit einer Website geht, spielt nichts eine wichtigere Rolle als Ihre Webhosting-Infrastruktur.

Wie viele von Ihnen bereits wissen, bin ich seit 2007 ein HostGator-Kunde. Ich habe den WPBeginner-Blog 2009 auf einem kleinen HostGator Shared-Hosting-Konto gestartet.

Als unsere Website wuchs, haben wir auf deren VPS-Hosting und dann auf dedizierte Server aufgerüstet.

Im letzten Jahrzehnt hatte ich die Gelegenheit, eng mit vielen ihrer Teammitglieder zusammenzuarbeiten, und sie sind zu einem erweiterten Teil der WPBeginner-Familie geworden.

Als ich also die Herausforderung annahm, WPBeginner schneller als statische Website-Generatoren zu machen, wandte ich mich an sie um Hilfe.

Ich teilte meine Vision mit ihrem Führungsteam, und sie boten an, mir beim Aufbau eines einzigartigen Enterprise-Hosting-Setups für WPBeginner zu helfen.

Sie setzten die besten Ingenieure sowohl aus dem Bluehost- als auch aus dem HostGator-Team ein, um eng mit mir zusammenzuarbeiten und WPBeginner blitzschnell zu machen.

Hier ist eine Übersicht, wie das WPBeginner-Hosting-Setup aussieht:

WPBeginner Hosting-Infrastruktur

Wie Sie sehen können, handelt es sich hierbei um ein Multi-Server-Setup, das sich über zwei geografische Regionen (Texas und Utah) erstreckt. Insgesamt gibt es 9 Server, den Load Balancer Cloud nicht mitgerechnet. Jeder Server ist eine Xeon-D CPU mit 8 Kernen (16 Threads) mit 32 GB RAM und 2 x 1 TB SSD (RAID-Setup).

Wir verwenden die Cloud Load Balancing Plattform von Google, damit wir nahtloses Autoscaling und Load Balancing weltweit haben können.

Once the hardware was set up with proper data syncing in place, the Bluehost and HostGator teams worked together to optimize the server configurations for WordPress. My hope is that some of these optimizations will soon make it into future WordPress hosting plans :)

Serverkonfigurationszusammenfassung

Die Serverkonfigurationen dieses komplexen Setups in nur wenigen Absätzen zusammenzufassen, ist sehr schwierig, aber ich werde mein Bestes geben.

Wir verwenden Apache für unsere Webserver-Software, da das Team damit besser vertraut ist. Ich werde nicht auf die NGINX vs. Apache-Debatte eingehen.

Wir verwenden PHP 7.2 zusammen mit PHP-FPM-Pools, damit wir hohe Lasten von Prozessen und Anfragen bewältigen können. Wenn Ihr Hosting-Unternehmen kein PHP 7+ verwendet, verpassen Sie ernsthafte Geschwindigkeitsoptimierungen.

Wir verwenden Opcode-Caching mit einem fortschrittlichen Cache-Warmer, um sicherzustellen, dass kein echter Benutzer eine nicht gecachte Seitenansicht erleben muss.

Wir verwenden auch Object-Caching mit Memcache, damit wir die Antwortzeit für nicht gecachte Seitenaufrufe und andere API-Antwortzeiten im WordPress-Adminbereich für angemeldete Benutzer (unsere Autoren) verbessern können. Hier ist ein Netzwerk-Lade-Tab unseres Bildschirms "Alle Beiträge" im WordPress-Adminbereich:

WPBeginner Beitragsbearbeitungsbildschirm

Zur Veranschaulichung: Unsere Admin-Oberfläche ist jetzt doppelt so schnell wie zuvor.

Für unseren Datenbankserver sind wir von MySQL zu MariaDB gewechselt, einer Klon von MySQL, aber schneller und besser. Wir sind auch von HyperDB zu LudicrousDB gewechselt, da dies uns hilft, unsere Datenbankreplikation, Failover und Lastverteilung zu verbessern.

Es gibt auch viele andere Konfigurationen, die uns bei Leistung und Skalierbarkeit helfen, wie z. B. HTTP/2 und HSTS für schnellere Verbindungen + Verschlüsselung, die Möglichkeit, zusätzliche Server in neuen Regionen hochzufahren, falls ein Rechenzentrum ausfällt, usw.

Ich habe das Gefühl, dass ich dem erstaunlichen Setup, das das Team aufgebaut hat, nicht gerecht werde, aber bitte wissen Sie, dass meine Kernkompetenz im Marketing liegt. Ja, ich bin ein Blogger, der über WordPress schreibt, aber viele der technischen Optimierungen hier liegen weit über meiner Gehaltsklasse.

Sie wurden von superklugen Ingenieuren des Endurance-Teams durchgeführt, darunter David Collins (Chefarchitekt von Endurance / CTO von HostGator), Mike Hansen (Core WordPress-Entwickler) und andere, denen ich im folgenden Abschnitt „Credits“ danken werde.

CDN, WAF und DNS

Abgesehen vom Webhosting spielen Ihre DNS-Anbieter, Ihr Content Delivery Network (auch CDN genannt) und Ihre Web Application Firewall (WAF) eine weitere wichtige Rolle für die Geschwindigkeit Ihrer Website.

Obwohl ich es als drei separate Dinge aufliste, bieten viele Unternehmen diese Lösungen mittlerweile in einem gebündelten Paket an, wie z. B. Sucuri, Cloudflare, MaxCDN (jetzt StackPath CDN) usw.

Da ich maximale Kontrolle haben und das Risiko streuen möchte, nutze ich drei separate Unternehmen, um jeden Teil effizient zu verwalten.

WPBeginner DNS wird von DNS Made Easy (demselben Unternehmen wie Constellix) betrieben. Sie werden durchweg als die schnellsten DNS-Anbieter der Welt eingestuft. Der Vorteil von DNS Made Easy ist, dass ich eine globale Verkehrssteuerung durchführen kann, wenn ein bestimmtes Rechenzentrum auf meinem CDN oder WAF nicht richtig funktioniert, um eine maximale Betriebszeit zu gewährleisten.

Unser CDN wird von MaxCDN (jetzt StackPath CDN) betrieben. Sie ermöglichen es uns im Grunde, unsere statischen Assets (Bilder, CSS-Dateien und JavaScripts) von ihrem großen Netzwerk von Servern auf der ganzen Welt aus zu liefern.

Wir verwenden Sucuri als unsere Web Application Firewall. Abgesehen davon, dass sie Angriffe blockieren, fungieren sie auch als weitere CDN-Schicht, und ihre Gesamtleistung ist einfach erstaunlich. Ich glaube, sie haben die beste WordPress-Firewall-Lösung auf dem Markt.

Wenn Sie an Website-Geschwindigkeitsoptimierungen arbeiten, zählt jede Millisekunde. Deshalb macht die Verwendung dieser Lösungsanbieter in Kombination mit unserer neuen Webhosting-Infrastruktur einen riesigen Unterschied.

Zur Veranschaulichung hier die Wasserfallaufschlüsselung von WPBeginner.com vs. GatsbyJS.org vs. CloudFlare.com:

Wasserfall-Aufschlüsselung der Anfragen auf WPBeginner

Beachten Sie, dass die DNS-Zeit, SSL-Zeit, Verbindungszeit und Wartezeit von WPBeginner im Vergleich zu diesen anderen beliebten Websites erstklassig sind. Jede dieser Verbesserungen wirkt sich kumulativ auf die besten Ergebnisse aus.

Instant.page, optimierte Bilder und andere Best Practices

Eines der Dinge, die Ihnen vielleicht aufgefallen sind, ist die nahezu sofortige Ladezeit, wenn Sie Beiträge und Seiten von WPBeginner durchsuchen.

Abgesehen von all den Dingen, die ich oben erwähnt habe, reduzieren wir auch die Latenz, indem wir ein Skript namens instant.page verwenden, das Just-in-Time-Preloading nutzt.

Grundsätzlich, bevor ein Benutzer auf einen Link klickt, muss er mit der Maus über diesen Link fahren. Wenn ein Benutzer 65 ms (eine sehr kurze Zeitspanne) darüber gefahren ist, wird einer von zwei tatsächlich auf den Link klicken.

Das Instant.page-Skript beginnt in diesem Moment mit dem Vorabladen dieser Seite, sodass ein Großteil der Arbeit bereits erledigt ist, wenn der Benutzer tatsächlich auf den Link klickt. Dies lässt das menschliche Gehirn die Ladezeit der Website als nahezu augenblicklich wahrnehmen.

Um Instant.page auf Ihrer Website zu aktivieren, können Sie einfach das Instant Page WordPress-Plugin installieren und aktivieren.

Instant Page Script

Dieses Skript ist ziemlich raffiniert. Ich empfehle dringend, ihre Website zu besuchen und auf die Schaltfläche „Testen Sie Ihre Klickgeschwindigkeit“ zu klicken, um zu sehen, wie es das Gehirn täuscht.

Update: Ich habe instant.page vorerst deaktiviert und werde in naher Zukunft das FlyingPages Plugin testen. Gijo Varghese hat mir sein neues Plugin in der WPBeginner Engage Facebook-Gruppe vorgestellt, und es scheint das Beste von instant.page und dem quicklink-Skript zu kombinieren.

Bilder für das Web optimieren

Obwohl neue Bildformate wie Webp entwickelt werden, verwenden wir sie noch nicht. Stattdessen bitten wir alle unsere Autoren, jedes Bild zu optimieren mit dem TinyPNG-Tool.

Sie können die Bildkomprimierung auch mit Plugins wie Optimole oder EWWW Image Optimizer automatisieren.

Ich persönlich ziehe es jedoch vor, dass das Team dies manuell erledigt, damit wir keine großen Dateien auf den Server hochladen.

Derzeit machen wir kein Lazy Loading für Bilder, aber ich plane, es in naher Zukunft hinzuzufügen, da Google jetzt Lazy Loading-Unterstützung in Chrome 76 integriert hat.

Es gibt auch ein Ticket im WordPress-Core, um diese Funktion auf allen Websites hinzuzufügen (ich hoffe wirklich, dass dies bald geschieht), damit ich kein benutzerdefiniertes Plugin schreiben muss.

Begrenzung von HTTP-Anfragen + Best Practices

Reduzieren Sie plattformübergreifende HTTP-Anfragen

Abhängig von den von Ihnen verwendeten WordPress-Plugins fügen einige zusätzliche CSS- und JavaScript-Dateien bei jedem Seitenaufruf hinzu. Diese zusätzlichen HTTP-Anfragen können außer Kontrolle geraten, wenn Sie viele Plugins auf Ihrer Website haben.

Weitere Details finden Sie unter wie sich WordPress-Plugins auf die Ladezeit Ihrer Website auswirken.

Bevor Sie zu dem falschen Schluss kommen, dass zu viele WordPress-Plugins schlecht sind, möchte ich Ihnen mitteilen, dass auf der WPBeginner-Website 62 aktive Plugins laufen.

Was Sie tun müssen, ist, CSS- und JavaScript-Dateien, wo immer möglich, zu kombinieren, um HTTP-Anfragen zu reduzieren. Einige WordPress-Caching-Plugins wie WP Rocket können dies automatisch mit ihrer Minifizierungsfunktion tun.

Sie können auch die Anweisungen in diesem Artikel lesen, um dies manuell zu tun, was unser Team bei WPBeginner getan hat.

Abgesehen von den HTTP-Anfragen, die Plugins und Themes hinzufügen, sollten Sie auch andere Skripte von Drittanbietern, die Sie auf Ihrer Website hinzufügen, berücksichtigen, da jedes Skript die Geschwindigkeit Ihrer Website beeinträchtigt.

Wenn Sie beispielsweise viele Werbe- oder Retargeting-Skripte ausführen, verlangsamen diese Ihre Website. Möglicherweise möchten Sie ein Tool wie Google Tag Manager verwenden, um Skripte nur dann bedingt zu laden, wenn sie benötigt werden.

Wenn Sie eine werbefinanzierte Website wie TechCrunch oder TheNextWeb betreiben, gibt es nur sehr wenig, was Sie dagegen tun können, da das Entfernen von Anzeigen keine Option ist.

Glücklicherweise verlässt sich WPBeginner nicht auf externe Werbeskripte, um Geld zu verdienen. Möchten Sie sehen, wie WPBeginner Geld verdient? Sehen Sie sich meinen Blogbeitrag über WPBeginner-Einnahmen an.

Gelernte Lektionen (bisher) + Meine abschließenden Gedanken

Dies ist eine brandneue Hosting-Infrastruktur, und ich bin sicher, dass ich im Laufe der Zeit noch viele Lektionen lernen werde.

Bisher liebe ich die Geschwindigkeitsverbesserungen, da sie uns geholfen haben, unsere SEO-Rankings zu verbessern, und unser Admin-Bereich ist viel schneller.

Mit dem neuen Multi-Server-Setup haben wir einen neuen Deployment-Workflow eingeführt, um WPBeginner auf den neuesten Stand der anderen Awesome Motive Produktseiten zu bringen.

Das bedeutet, dass wir jetzt eine ordnungsgemäße Versionskontrolle integriert haben und Maßnahmen ergriffen wurden, um mich vor Leichtsinn zu schützen (d. h. Plugins ohne ordnungsgemäße Tests hinzufügen, Plugins vom Dashboard aus aktualisieren, ohne sie zu testen usw.).

Diese Änderungen ebneten mir auch den Weg, mich endlich aus der Entwicklung zurückzuziehen und die Leitung der WPBeginner-Website an unser Entwicklungsteam zu übergeben.

Ich habe mich jahrelang dagegen gewehrt, aber ich denke, die Zeit kommt, und ich muss es einfach akzeptieren.

Das neue Setup hat kein cPanel oder WHM, daher bin ich praktisch nutzlos, da ich mit der Befehlszeile nicht mehr sehr vertraut bin.

Bisher haben wir zwei wichtige Lektionen gelernt:

Zuerst ist das Aktualisieren von WordPress aufgrund der Server-Synchronisation/Replikation nicht ganz einfach. Als wir meinen persönlichen Blog (SyedBalkhi.com) auf WordPress 5.2 aktualisierten, synchronisierten sich die Update-Dateien auf einem der Web-Nodes nicht richtig, und die Fehlersuche dauerte länger als erwartet. Wir arbeiten daran, einen besseren Build-/Testprozess dafür zu entwickeln.

Zweitens müssen wir eine bessere Kommunikation zwischen den Teams haben, da wir eine kleine Krise mit Fehlkonfigurationen des Load Balancers hatten, die zu einigen Ausfallzeiten führten. Zu allem Überfluss war ich auf einem Transatlantikflug mit Turkish Airlines, und das WLAN funktionierte nicht.

Glücklicherweise wurde alles dank der schnellen Reaktionszeit des Hosting-Teams geklärt, aber dies half uns, mehrere neue Standardarbeitsanweisungen (SOPs) zu erstellen, um den Vorfall in Zukunft besser zu bewältigen.

Insgesamt bin ich sehr zufrieden mit dem Setup und ich weiß, dass einige der Caching-Konfigurationen/Optimierungen, die für WPBeginner vorgenommen wurden, ein Standardbestandteil von HostGator Cloud und Bluehost WordPress Hosting-Plänen werden.

Ich denke, es versteht sich von selbst, dass Sie, wenn Sie gerade erst eine Website, einen Blog oder einen Online-Shop starten, diese ausgeklügelte Enterprise-Einrichtung NICHT benötigen.

Ich empfehle immer, klein anzufangen mit den Shared-Plänen von HostGator oder Bluehost, so wie ich es getan habe, und dann Ihre Hosting-Infrastruktur zu erweitern, wenn Ihr Unternehmen wächst.

Sie können viele der oben genannten Optimierungen auf Ihre aktuellen WordPress-Hosting-Pläne anwenden.

Zum Beispiel ist der Standardplan von Bluehost bereits mit einem integrierten Caching-Plugin ausgestattet, das Sie verwenden können, und sie bieten standardmäßig auch PHP 7 an.

Sie können dies mit einem CDN + WAF wie Sucuri kombinieren, um Ihre Website erheblich zu beschleunigen.

Wenn Sie nun ein mittelständisches / großes Unternehmen sind, das ein ähnliches Hosting-Setup wünscht, dann kontaktieren Sie mich bitte über unser Kontaktformular. Ich kann Ihnen in die richtige Richtung weisen.

Besonderer Dank + Credits

Danke HostGator und Bluehost

Während ich im obigen Artikel HostGator und Bluehost sehr gelobt habe, möchte ich einen Moment innehalten, um die einzelnen Personen anzuerkennen und zu würdigen, die hinter den Kulissen daran gearbeitet haben, dies zu ermöglichen.

Zuerst möchte ich dem Endurance-Führungsteam Suhaib, Mitch, John Orlando, Mike Lillie und Brady Nord dafür danken, dass sie zugestimmt haben, mir bei der Herausforderung zu helfen.

Ich möchte mich auch bei Mike Hansen, David Collins, Rick Radinger, Chris Miles, David Ryan, Jesse Cook, David Foster, Micah Wood, William Earnhardt, Robin Mendieta, Rod Johnson, Alfred Najem und anderen im Rechenzentrumsteam dafür bedanken, dass sie die harte Arbeit geleistet und es ermöglicht haben.

Ich möchte Steven Job (Gründer von DNSMadeEasy) besonders hervorheben, da er meine Fragen schnell beantwortet und mir geholfen hat, einige Einstellungen besser zu verstehen. Ebenso möchte ich Tony Perez und Daniel Cid von Sucuri danken, die mir immer den Rücken freihalten.

Last but not least möchte ich Chris Christoff besondere Anerkennung aussprechen. Er ist der Mitbegründer von MonsterInsights und war so freundlich, mir bei vielen Tests und der Bereitstellung zu helfen.

Häufig gestellte Fragen (FAQ)

Wir verstehen, dass dies viele technische Informationen sind, die Sie aufnehmen müssen. Hier sind die Antworten auf einige der häufigsten Fragen, die wir zu WordPress-Geschwindigkeit und -Leistung erhalten.

Benötige ich ein komplexes Hosting-Setup wie das von WPBeginner, um eine schnelle Website zu haben?

Absolut nicht. Diese Fallstudie zeigt, was auf Unternehmensebene möglich ist. Für die meisten Benutzer ist der Einstieg mit einem hochwertigen Shared-Hosting-Plan von Bluehost oder HostGator der perfekte Ausgangspunkt. Sie können jederzeit ein Upgrade durchführen, wenn Ihre Website wächst.

Was sind die wichtigsten Faktoren für die Geschwindigkeit von WordPress?

Die drei Säulen der Website-Geschwindigkeit sind Ihre Webhosting-Infrastruktur, Caching und ein Content Delivery Network (CDN). Wenn Sie diese drei Dinge richtig machen, werden die größten Leistungsengpässe für die meisten WordPress-Websites behoben.

Kann ich meine WordPress-Website schnell machen, ohne ein technischer Experte zu sein?

Ja. Obwohl dieser Artikel technisch ist, müssen Sie nicht alles darin verstehen. Indem Sie anfängerfreundlichen Anleitungen folgen, ein gutes Caching-Plugin wie WP Rocket verwenden und Ihre Bilder optimieren, können Sie die Geschwindigkeit Ihrer Website erheblich verbessern, ohne Programmierkenntnisse zu benötigen.

Verlangsamen viele Plugins WordPress?

Es kommt nicht auf die Anzahl der Plugins an, sondern auf ihre Qualität. Ein gut codiertes Plugin hat minimale Auswirkungen. Schlecht codierte Plugins können jedoch unnötigen Code und Datenbankabfragen hinzufügen, die Ihre Website verlangsamen.

Zusätzliche Ressourcen zur Verbesserung der Website-Leistung

Wenn Sie diese Fallstudie hilfreich fanden, haben wir weitere Anleitungen, die Sie Schritt für Schritt durch den Prozess der Beschleunigung Ihrer WordPress-Site führen. Schauen Sie sich diese für weitere umsetzbare Tipps an:

Bonus: Hier sind die besten WordPress-Plugins und Tools, die ich für alle WordPress-Websites empfehle. Vielleicht möchten Sie sich auch WPBeginner’s Blueprint ansehen, das die Plugins und Tools auflistet, die wir heute für den Betrieb der WPBeginner-Website verwenden. 

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

59 CommentsLeave a Reply

  1. Ich weiß diesen Beitrag wirklich zu schätzen, da er uns hinter die Kulissen der Geheimnisse für die schnelle Geschwindigkeit von wpbeginner blicken lässt.
    Ich wollte schon immer die geheimen Zutaten für dieses unglaubliche Ergebnis wissen.
    Ich denke, es ist die Kombination vieler Werkzeuge und die konzertierte Anstrengung des Teams, die zu dieser großartigen Leistung geführt hat.
    Das gibt uns neue Hoffnung in WordPress und dass WordPress-Websites riesigen Traffic bewältigen und trotzdem schnell laden können.
    Danke für diesen wunderbaren Beitrag.

  2. Ich habe mich schon immer gefragt, was hinter der Geschwindigkeit Ihrer Website steckt. Ich hatte Ihren eigenen Server und eine verbesserte Caching-Umgebung erwartet, aber ich hatte wirklich keine so maßgeschneiderte, robuste Lösung erwartet. Es ist großartig, dass Sie uns einen Einblick in die Erstellung dieser Website geben. Und es ist auch großartig, dass Sie der Welt zeigen, dass selbst WordPress mit einer wirklich riesigen Anzahl von Benutzern unglaublich schnell sein kann, auch wenn es auch eine beträchtliche Menge an Leistung benötigt. Vielen Dank, dass Sie Ihr Wissen teilen und uns die Möglichkeit geben, die Infrastruktur Ihrer Website zu sehen und worauf genau der gesamte Server läuft. Es ist eine wirklich interessante Lektüre.

  3. Ich frage mich, warum wpbeginner nicht wordpress.com benutzt.
    Gibt es dafür einen bestimmten Grund?
    Bitte klären Sie mich auf.

  4. Toller Artikel! Ich sehe gerne andere Perspektiven zur WordPress-Optimierung, abgesehen vom Wechsel zu Headless oder anderen CMS.

    Ich persönlich mag keine Vergleiche der Ladezeiten von Homepages, insbesondere für Nachrichten-/Blog-Websites, da die Homepage normalerweise nicht die meistbesuchte Seite ist.

    Daher würde ich gerne die Ladezeit-Leistung von Beitragsseiten auf verschiedenen Umgebungen/Plattformen sehen.

    Danke fürs Teilen!

  5. Wieder einmal hat wpbeginner geliefert. Dieser Artikel ist einer zu viel. Das ist großartig, ich muss diese Seite speichern und noch einmal lesen.

  6. [blockquote]Es gibt auch ein Ticket im WordPress-Core, um diese Funktion auf allen Websites hinzuzufügen (ich hoffe wirklich, dass dies bald geschieht), damit ich kein benutzerdefiniertes Plugin schreiben muss.[/blockquote]

    Ich habe eine einfache Funktion geschrieben, um das abzudecken. Bis Lazy-Loading in den Core aufgenommen wird, können Sie es ausprobieren. Ich würde mich über Ihr Feedback freuen, wenn Sie es verwenden.

    https://github.com/seezee/wp-lazy

  7. Ich sehe nicht wirklich, wo Sie Ihre Website schneller gemacht haben als ein statischer Website-Generator.

    Sicher, Sie haben Zeit damit verbracht, Ihre eigene Website zu optimieren, damit sie so schnell wie möglich geladen wird, und sie dann mit der Homepage eines statischen Website-Generators verglichen, die wahrscheinlich eher dazu dient, wichtige Inhalte für einen Besucher anzuzeigen, als so schnell wie möglich zu laden.

    Sie hätten eine Domain mit jedem der statischen Generatoren konfigurieren, sie so optimieren sollen, wie Sie es mit Ihrer eigenen Website getan haben, ein CDN davor schalten und dann diese Testdaten vergleichen.

    • Unsere Homepage-Inhalte sind dynamisch und werden täglich aktualisiert, um den Besuchern wichtige Inhalte und neue Blogbeiträge anzuzeigen.

      I compared headless CMS and other static generator homepages because you’d hope that those claiming performance boosts would practice what they preach :)

      Admin

  8. Meine Antwort auf diesen Thread https://www.facebook.com/wpbeginner/posts/10157550202524100?comment_id=10157552775709100 hat zu diesem Artikel geführt. Toller Artikel. Vor ein paar Tagen habe ich das Shortpixel-Plugin entfernt und verwende TinyPNG online zum Komprimieren von Bildern. Habe gerade Flying Pages zur Überprüfung installiert. Plane einen Hosting-Wechsel, von GoDaddy zu einem anderen. Habe heute mit Bluehost Indien gesprochen, der Preis ist etwas höher als bei GoDaddy, aber sie bieten kostenloses SSL an, ich weiß nicht, ob es nur für ein Jahr oder für immer kostenlos ist.

  9. Nette Richtlinie, Sir, aber ich habe einige Zweifel.

    Ich denke, der Nginx LEMP-Stack ist das schnellste Server-Setup für WordPress.

    Für den Cache können Sie opcache, Dateicache und FastCGI-Cache verwenden, kein Cache-Plugin erforderlich, Nginx-Cache ist schneller als Plugin-Cache.

    Für CDN ist Stackpath nicht das Beste für die ganze Welt, es ist in Indien sehr langsam, Ihre Website-Bilder werden hier 2-3 Sekunden geladen.

    Für Hosting ist Hostgator nicht besser als Google Cloud, AWS, Digitalocean usw. Cloud-Anbieter.

    Danke

    • Sicher, Sie können NGINX-Cache ohne Plugin verwenden. Wir haben dieses Setup auf WPForms und mehreren unserer anderen Websites, die von verschiedenen Teams verwaltet werden.

      Letztendlich kommt es auf Ihr Komfort- und Vertrautheitsniveau an.

      Admin

  10. Ich freue mich darauf, diese Schritte auf meinem neu erworbenen Hosting bei SiteGround für meinen Blog Writer Feels anzuwenden, wo ich Gedichte schreibe.

    • Ahmad, SiteGround also comes with a built-in caching plugin called SG Super Cache. You should enable that, and it will unlock a lot of optimizations. After that I recommend adding the Sucuri WAF + optimize all your images :)

      Admin

  11. Die Website-Leistung ist laut WebPageTest ziemlich gut, es sind keine maximalen Alter oder Ablaufdaten für eine Reihe von Assets festgelegt, die von CDN bereitgestellt werden. Cloudflare hat viel mehr PoPs als StackPath bietet.

    • Ja, Cloudflare bietet viele PoPs, aber ich habe festgestellt, dass StackPath einen besseren Support hat. Außerdem ist StackPath CDN viel günstiger (10 $ pro Monat für 1 TB Bandbreite).

      Um den vollen Nutzen aus Cloudflare zu ziehen, müssen Sie deren Plan für 200 US-Dollar pro Monat (2400 US-Dollar pro Jahr) nutzen, während Sie Sucuri für 299 US-Dollar pro Jahr erhalten können. Wir gehen noch einen Schritt weiter und fügen die zusätzliche CDN-Schicht von MaxCDN (StackPath) für zusätzliche 10 US-Dollar pro Monat hinzu.

      Admin

  12. Schöner Beitrag.

    Bin nur neugierig auf die Kombination von JS- und CSS-Skripten, da Sie HTTP/2 verwendet haben. Ich dachte, mit HTTP/2 sollte man diese Dateien nicht kombinieren.

  13. Toller Beitrag Syed, sehr gründlicher Beitrag. Ich bin ehrlich der Meinung, dass statisches WordPress und serverloses WordPress für 90 % der WordPress-Benutzer keine gute Lösung sind. Es ist gerade ein lustiges Schlagwort, aber der damit verbundene Aufwand lohnt sich einfach nicht. Auf jeden Fall sind Ihre Infrastruktur und Ihre Liebe zum Detail sehr beeindruckend.

    Ich habe gesehen, dass Sie einen Datenbankserver erwähnt haben, aber nicht, welchen Datenbankserver Sie verwenden? Was halten Sie von der Verwendung von Amazon Aurora RDS 4 WordPress-Datenbank-Hosting? Oder Google Cloud?

    • Patrick, wir verwenden MariaDB auf der WPBeginner-Website. Wir haben uns entschieden, es einfach zu halten, und es erfüllt vorerst unsere Bedürfnisse.

      Bei OptinMonster verwendet das Team eine wesentlich ausgefeiltere Datenbankkonfiguration, da sie Milliarden von Zeilen verwalten müssen.

      Admin

  14. Ich möchte nur sagen, dass Netlify das Größte ist, was der Webentwicklung passiert ist, wenn Sie statische Websites oder JAM-Stack-Websites hosten. Und ja, Sie können WP dazu bringen, eine schnelle Ladezeit zu haben, aber sehen Sie sich den Aufwand an, den es erfordert!! Und Geld für das Problem auszugeben schadet nie
    Wenn Sie Ihre Website mit Gatsby im Frontend und WP im Backend aufteilen, können Sie VIEL Geld beim Hosting sparen
    Aber Sie machen einige gute Punkte mit der Bildoptimierung. Eine einfache Möglichkeit, die Ladezeit zu verkürzen

    • Dem stimme ich dir zu, Peter. Es gibt nie nur eine richtige oder falsche Lösung. Ich wollte nur die Perspektive teilen, die heutzutage nicht mehr so beliebt ist, da der coole Trend darin besteht, über JAM Stack zu sprechen, was die meisten KMUs nicht umsetzen können.

      But optimizing images, combining plugin requests with WP Rocket, adding Sucuri is easy enough to get progress :)

      Admin

  15. Danke für den Artikel. Ich schätze Ihre Ergebnisse und Ihr Teilen.

    Ich muss jedoch meine zwei Cents dazu sagen. Ihre Migrationskosten und die weiteren Argumente zur Wartung von Websites/Code sind zu 100 % gültig.

    Allerdings ist das, was Sie als Hosting verwenden (Apache HA-Cluster, WAF), weit von einem „normalen“ WordPress-Hosting entfernt, das 99 % der Leute nutzen.

    Zweitens ist Jamstack so beliebt, weil Sie Ihre Website für einen Bruchteil der Kosten eines WP-Hostings hosten können, was eine bessere Leistung „out of the box“ liefert und um ein Vielfaches günstiger ist.

    Prost
    Wojciech

    • Danke für deinen Kommentar, Wojciech. Ich stimme zu, dass meine Enterprise-Einrichtung weit von normal entfernt ist. Aus meiner Sicht ist das Hinzufügen einer WAF + Optimieren von Bildern + Reduzieren von HTTP-Anfragen mit WP Rocket für einen Kleinunternehmer jedoch viel besser erreichbar als eine JAM-Stack-Migration.

      Admin

    • Tareq, ein ähnliches Setup wie dieses würde Tausende pro Monat kosten. Es hängt alles davon ab, wie viele Webknoten / DB-Server Sie hochfahren. Verwaltete Dienste variieren je nach gewähltem Unternehmen. Zum Beispiel liegen unsere Serverkosten bei OptinMonster bei 20.000 US-Dollar pro Monat.

      For WPBeginner site, our hosting is sponsored by HostGator :)

      Admin

  16. Interessanter Artikel und es ist sicherlich möglich, die Ladezeiten für WordPress-Seiten zu beschleunigen und sie mit statischen Seiten vergleichbar zu machen. Allerdings wird hier keine wirkliche Erwähnung von Kosten gemacht. Eine statische Seite mit jemandem wie Netlify für eine kleine Seite ist wahrscheinlich viel günstiger. Bei Enterprise-Level und größeren Websites bin ich mir nicht sicher, aber ich stelle mir vor, dass es immer noch besser wäre.

    Außerdem, während Sie Ihre Desktop-Bewertung bei Google Insights anzeigen, schneidet diese Seite auf Mobilgeräten schlechter ab als die Gatsby-Homepage. Man könnte argumentieren, dass die Geschwindigkeit auf Mobilgeräten wichtiger ist, da dort die Bandbreite und die Verarbeitungsgeschwindigkeit am stärksten begrenzt sind.

    • Ja, die Kosten für ein solches Enterprise-Setup für eine große Medienseite wie unsere belaufen sich je nach Ihren Bedürfnissen und dem von Ihnen verwendeten Anbieter auf Tausende pro Monat.

      Für kleinere Websites können Sie Netlify sicherlich nutzen, aber es ist für Kleinunternehmer nicht einfach.

      Was Mobilgeräte betrifft, ja, ich habe im Artikel erwähnt, dass wir auf Mobilgeräten noch Raum für Verbesserungen haben. Ein Freund hat mir dieses neue Plugin von Google gezeigt, das ich auf der Website hinzufügen werde und das unseren mobilen Score verbessern wird – https://wordpress.org/plugins/native-lazyload/

      Admin

  17. Beeinflusst das instant.page-Plugin die Seitengeschwindigkeitsbewertungen von Seiten wie Google? Es scheint, als würde es das nicht tun, da kein Mensch klickt. Ist es also für diesen Zweck wirklich von Vorteil, ein weiteres Skript installiert zu haben?

    • Dies wirkt sich nicht auf die Google-Bewertungen aus, verbessert jedoch die allgemeine Benutzererfahrung. So sehr ich Google-Rankings liebe, schätze ich unsere allgemeine Benutzererfahrung mehr.

      With that said, if you make your website faster you’ll likely see less abandonment overall :)

      Admin

      • Danke für die Antwort. Das ergibt Sinn.

        Unabhängig davon, können Sie mir sagen, was das WPBeginner-Logo darstellen soll? Ich starre es an und alles, was ich sehe, ist ein zwinkerndes Gesicht mit einer Gasmaske.

        • Hallo David,

          Das WPBeginner-Logo war mein schlechter Versuch, eine einfache Cartoonfigur zu zeichnen, die wie ein Anfänger aussieht. Ich nenne ihn Blob.

          It was basically 3 round shapes in Photoshop with a rotated Exclamation mark and tilted close parentheses :)

    • Ich denke, wir müssen uns darauf einigen, uns nicht einig zu sein.

      There are negative reviews of just about every web hosting company in the world. I put HostGator in my top 5 for small business hosting because of their track record and my personal experience :)

      Admin

  18. Danke für diese Einblicke, Syed, und dass Sie sich die Zeit genommen haben, sie so gründlich zu teilen! Wer weiß, ob einige der Arbeiten, die Sie hier geleistet haben, im Laufe der Zeit in das Managed WordPress Hosting für andere in der Community einfließen werden. Nochmals vielen Dank!

  19. Die Einrichtung erfordert Tausende von Dollar pro Monat oder mehr. Andererseits konnten wir mit einem Bruchteil der Kosten oder sogar mit kostenlosem Hosting wie Netlify eine nahezu ähnliche Leistung erzielen.

    Glückwunsch zur neuen Website.

    • Für große Content-Seiten zahlen Sie trotzdem Tausende von Dollar pro Monat. Mehrere meiner Freunde, die große Blogs in ihren verschiedenen Branchen betreiben, geben jeweils mehrere Tausend pro Monat aus.

      Wenn Sie eine kleine Website betreiben, dann ja, Netlify wird funktionieren, aber man muss wirklich ein Entwickler sein, um es zu nutzen.

      Mein Ziel ist es, zu teilen, dass Sie mit richtigem Caching + WAF + CDN + DNS-Tools eine wirklich schnelle Website haben können, ohne auf die Flexibilität von WordPress verzichten zu müssen.

      Admin

  20. Nun, das ist ein sehr großartiges Enterprise-Setup und eine lesenswerte Sache, und ich hoffe, dass es mir in naher Zukunft nützlich sein wird.

    Ich habe eine Frage, da ich Anfänger bin und ein einfaches Setup mit WordPress+SiteGround+Genesis Framework und offensichtlich einem Theme von StudioPress habe.

    Meine Website verwendet bereits das SG Cache Plugin + Cloudflare CDN. Ich wollte nur mehr über das Genesis Framework in Bezug auf Website-Geschwindigkeit und Ladezeit erfahren, ob das damit etwas zu tun hat?

    • Hallo Martin,

      We use Genesis on WPBeginner as well, but the framework alone won’t make your website fast. You still have to look at the additional HTTP queries and image sizes. You’re definitely on the right track with the tools you’re using :)

      Admin

Kommentar hinterlassen

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.