In der weiten Welt der SEO gibt es tausende verschiedener Rankingfaktoren, das haben wir Ihnen in unserem Beitrag zur SEO erzählt. Manche davon sind fast so alt wie Google selbst, andere so neu, dass sie kaum jemand versteht und das Entschlüsseln reichlich mürbe macht. Wir versuchen hier, den Ablauf so schlicht wie möglich zu erklären. Hoffentlich bringt es Ihnen etwas und Sie sagen uns danach danke.

Den Pagespeed-Wert über 90 bringen

Zu den wichtigen Kriterien der letzten Jahre gehört die Seitengeschwindigkeit. PageSpeed Insights von Google benutzen wir seit Jahren gemeinsam. Dazu, wie Sie Ihre Website schneller machen, steht online tonnenweise Material bereit, auf web.dev wie in Fachblogs.

Das Problem: Die meisten dieser Beiträge helfen Ihnen nur von schlecht > annehmbar (mittel).

Wenn Sie eine Website in PageSpeed Insights prüfen, sehen Sie drei Bereiche: 0 bis 49 ist rot und gilt als “schlecht”. 50 bis 89 ist orange und gilt als “annehmbar (gut)”. 90 bis 100 ist “hervorragend“. Die meisten Beiträge über schnellere Websites wollen Sie von Rot nach Orange oder von unterem nach oberem Orange bringen. Vielen von uns reicht ja auch der Gedanke: “Lieber annehmbar als rot.”

Hier ist “gut genug” nicht unser Ziel. Wir wollen die Website so gut machen, wie es geht. Um dieses Wissen zusammenzutragen, habe ich Hunderte Stunden damit verbracht, für die besten Werte bei Core Web Vitals, PageSpeed Insights, Pingdom und GTmetrix an jedem kleinen Stück Code, an jedem Plugin, an jedem Bild und an jedem Skript zu feilen. Jetzt teile ich meine fünf besten Hinweise mit Ihnen, damit auch Sie in den grünen Bereich kommen.

Fangen wir an!

1 – Setzen Sie WP Rocket ein

WP Rocket ist ein umfassendes Plugin für Tempo, Caching und Optimierung. Es macht von allem ein bisschen, und im Vergleich zu vielen ähnlichen Plugins macht es das ziemlich gut. Ich benutze es seit Jahren, und es ist gleich zu Beginn meine erste Plugin-Empfehlung. Der kostenlose Gegenspieler ist das Plugin LiteSpeed. Entscheiden Sie sich für eines von beiden und legen Sie los.

Wenn Ihre Website oder Ihr Hosting nicht ausgesprochen schlecht ist, bringt WP Rocket Sie ehrlich gesagt allein schon in den Bereich 75+. Damit das misslingt, müssten Sie einen sehr langsamen Server, kaputte Skripte oder andere ernste Probleme haben. 

Was macht WP Rocket für Sie?

  • Caching einzurichten, gehört zum Besten, was Sie für eine Website tun können. Die Seite wird dann viel schneller gebaut und ausgeliefert, als wenn WordPress jedes Stück Daten erst aus Ihrer Datenbank holt. WP Rocket gehört zum Besten, was ich an Caching für WordPress gesehen habe, denn es macht mehr als nur Caching und erspart Ihnen mehrere Plugins.
  • Cache vorab aufbauen. Sobald sich Ihre Seiten ändern, baut WP Rocket den Cache im Voraus, sodass schon der erste Besucher eine fertige Fassung aus dem Cache bekommt. Das ist für mich einer der besten Gründe für WP Rocket, und genau daran scheitern viele andere Cache-Plugins (W3 Total Cache und WP Super Cache etwa).
  • GZip-Komprimierung. Große Dateien werden auf dem Server komprimiert und beim Nutzer wieder ausgepackt. Das spart tonnenweise Zeit, die Besucher sonst mit dem Herunterladen riesiger Codeblöcke verbringen. Das wirkt besonders, wenn auf Ihren Seiten verwickelte Plugins stecken.
  • Aufgeräumter Code. JavaScript- und CSS-Dateien kosten viel Verarbeitungszeit, und einer der Schlüssel zu besseren Core Web Vitals ist, sie so zu verschieben und zusammenzulegen, dass sie das erste Laden nicht aufhalten. Es gibt hier viele technische Einzelheiten, die wir übergehen. Es reicht zu sagen: WP Rocket erledigt das, ohne Ihren Code kaputt zu machen.
  • Lazy Loading für Bilder. Bilder sind im Vergleich zu Text und Skripten sehr groß und brauchen lange zum Übertragen und Laden. WP Rocket hilft Ihnen dabei, Ihre Fotos zu verkleinern, und lädt sie zusätzlich verzögert, damit sie den übrigen Bausteinen der Seite nicht die Zeit stehlen. Vor allem hilft es Ihnen, das zu tun, ohne Ihre Core Web Vitals zu beschädigen.

WP Rocket arbeitet außerdem mit den meisten CDNs sofort zusammen. Ein CDN einzusetzen, ist ohnehin eine hervorragende Idee, aber das kennen Sie schon. Wir sehen es uns an fünfter Stelle an. Es reicht zu sagen: Setzen Sie ein CDN ein, wenn Sie können, aber wählen Sie ein gutes.

2 – Schalten Sie PHP-FPM und OPcache ein

PHP liefert alles, was man zum Betrieb einer Website braucht, es ist aber nicht gerade die am besten optimierte Codebasis der Welt. Es kann viel schiefgehen. Für kleine und mittlere Websites läuft es gut, sobald eine Website wächst, braucht sie aber etwas Optimierteres, damit es keine Probleme und Ausfälle gibt.

Hallo PHP-FPM, der FastCGI Process Manager für PHP. Eine weiterentwickelte Form von PHP, gebaut vor allem dafür, großen Websites mit viel Verkehr beim Beschleunigen und Aufräumen ihrer Architektur zu helfen.

Im Kern heißt das: Statt PHP-Skripte eines nach dem anderen laufen zu lassen, gibt es einen “Pool” von Arbeitern, die sie gleichzeitig und ohne Kollisionen abarbeiten.

“Aber liebe Redaktion von Türk SEM, meine Website hat gar nicht so viel Verkehr. Wozu brauche ich PHP-FPM?”

Ein unbekannter Held

Brauchen Sie nicht unbedingt, das sollten wir sagen. Das heißt aber nicht, dass Sie es nicht einsetzen können. Nur weil ein Werkzeug für größere Websites gebaut wurde, haben Sie nichts davon? Doch, haben Sie.

Der mühsame Teil: Sie müssen es Ihrem Hoster sagen und einschalten lassen, und nicht jeder Hoster unterstützt es. Versuchen Sie trotzdem Ihr Glück, das rate ich Ihnen.

3 – Nutzen Sie APO von Cloudflare

Cloudflare gehört zu den riesigen “unsichtbaren” Firmen, die den großen Websites des Internets Kraft geben – Menschen außerhalb der Webbranche kennen sie nicht oder ahnen nicht einmal, dass es sie gibt. Neben dem Schutz vor DDoS und weiteren Leistungen bieten sie ein erstklassiges CDN. 

Vielen ist Cloudflare durch Dinge auf DNS-Ebene bekannt, etwa das Verkleinern von Dateien, kostenloses SSL und das Caching im Browser. Ich rate Ihnen aber zu mehr als nur “Cloudflare benutzen”: Meine besondere Empfehlung ist APO.

APO steht für Automatic Platform Optimization. Was ist das, und was tut es? Zitieren wir dazu Cloudflare.

“APO erlaubt es Cloudflare, Ihre gesamte WordPress-Website aus dem eigenen Edge-Netz auszuliefern, und sorgt so für gleichbleibend schnelle Leistung, egal wo Ihre Besucher sitzen. Automatic Platform Optimization ist das Ergebnis davon, die Kraft von Cloudflare für ein kluges Caching dynamischer Inhalte zu nutzen. Mit dynamischem Caching kann Cloudflare Ihre ganze Website ausliefern und die Zeit bis zum ersten Byte (TTFB) einer Website schnell und gleichmäßig machen.”

Cloudflare

Fällt Ihnen etwas auf?

Die ersten drei Hinweise waren verschiedene Wege, Teile Ihrer Website im Cache zu halten, damit Besucher keine Zeit verlieren, während Ihre Website Datenbankabfragen macht oder den Server anruft. Das senkt die Last auf Ihrem Server, senkt die Verarbeitungszeit, senkt die Übertragungszeit und senkt die Zeit fürs Rendern. Mehr Tempo verbessert zugleich Ihr Nutzererlebnis und Ihre Positionen, ein Gewinn auf allen Seiten. Hallo Win-win 🙂

Ein paar Anmerkungen dazu, vor allem wenn Sie WP Rocket einsetzen.

  • Das eingebaute Cloudflare-Plugin für WordPress sollten Sie ausschalten. Es ist ordentlich gemacht, gerät aber mit WP Rocket in die Quere. Installieren Sie das offizielle Cloudflare-Plugin und leeren Sie Ihren Cloudflare-Cache darüber. (Vielleicht ist das in Zukunft behoben, wer bleibt schon stehen?)
  • Sie müssen prüfen, ob es läuft. Sehen Sie sich Ihre HTTP-Header an und suchen Sie nach “cf-edge-cache: cache,platform=WordPress”. Wenn das fehlt, arbeitet APO nicht. Sie können Cloudflare aus- und wieder einschalten, damit es anspringt. Hilft das nicht, wenden Sie sich für die Fehlersuche an den Support von Cloudflare. Die Kennung “cf-edge-cache” erscheint manchmal 10 bis 15 Minuten lang nicht; es dauert etwas, bis Ihre Seiten auf deren Servern liegen.
  • Für APO brauchen Sie bei Cloudflare einen bezahlten Tarif.

Insgesamt ist APO ein starkes Werkzeug für WordPress, und das Edge Caching von Cloudflare ist Grund genug, Cloudflare überhaupt einzusetzen.

Der zweite Grund ist eine der neueren Eigenschaften von Cloudflare: Automatic Signed Exchanges (SXGs).

Damit kann Google eine gerenderte Fassung Ihrer gecachten Seite auf den eigenen Servern ablegen und den Besuchern noch schneller vorlegen. Einmal eingeschaltet, kann das Ihren Wert für Largest Contentful Paint heben und dafür sorgen, dass Ihre Website ähnlich arbeitet wie AMP-Seiten. Sie müssen dafür lediglich bei Cloudflare ein Häkchen setzen und haben damit einen großartigen SEO-Zug gemacht.

4 – Nehmen Sie Ihre Plugins unter die Lupe

Einer der häufigsten Ratschläge für eine schnellere WordPress-Website lautet: weniger Plugins. Mehr Plugins heißt mehr Code, und mehr Code heißt langsameres Laden, oder? So einfach ist es nicht. 

Manche Plugins bremsen Ihre Website, andere wirken auf das Tempo überhaupt nicht, und wieder andere machen Ihre Website schneller. Es hängt davon ab, wozu das Plugin da ist, welche Teile des Codes es anfasst und wo es seine Abhängigkeiten ablegt.

Gierige Plugins (gebaut von Entwicklern, die nicht groß darüber nachdenken, welche Abhängigkeiten sie mitbringen und wie sie mit anderen Plugins zusammenspielen) verteilen ihre Abhängigkeiten überallhin. Das kann sich auf das Tempo Ihrer Website leider drastisch auswirken.

Bei tausenden WordPress-Plugins da draußen, die eigenen Plugins für Ihre Website noch gar nicht mitgezählt, ist die Liste derer, die Sie meiden sollten, endlos. Wie also finden wir diese Plugins selbst?

Um gierige Plugins aufzuspüren, haben Sie drei Möglichkeiten.

1.Ausschalten und testen.

Prüfen Sie Ihren Pagespeed. Schalten Sie dann ein Plugin aus und prüfen Sie erneut. Sind Ihre Werte gestiegen? Dann bremst dieses Plugin Ihre Website. Sie können versuchen, es zu reparieren, zu verschieben oder zu ersetzen. Diese Methode ist leider zäh (vor allem bei Dutzenden Plugins) und kann Ihre Website zwischendurch vorübergehend beschädigen. Machen Sie das lieber zu einer Zeit mit wenig Besuchern.

2.Sehen Sie in unsere Liste bekannter Plugins

Im Blog von Türk SEM veröffentlichen wir demnächst eine Liste der Plugins, die Ihre Website bremsen. Sehen Sie im Blog von Türk SEM nach, ob diese Liste schon steht. 

3.Prüfen Sie mit einem weiteren Plugin, was Ihre Plugins tun.

Statt in Serverlogs zu graben, an die Sie vielleicht gar nicht herankommen, können Sie Ihre Website mit anderen Plugins beobachten und Berichte erzeugen lassen. Diese Logs zu lesen, hilft Ihnen dabei, die Plugins zu sehen, die Ärger machen.

Zwei solcher Plugins sind:

Mit diesen Plugins bekommen Sie einen guten Eindruck davon, was Ihre aktiven Plugins tun, und finden die Punkte, die Sie angehen müssen. Wenn Sie neben diesen beiden noch eine Möglichkeit kennen, sagen Sie mir Bescheid, dann nehme ich sie in die Liste auf.

5 – Schreiben Sie eigenes CSS

Ich habe Ihnen erzählt, dass ich Dutzende Stunden in die Optimierung einer anderen Website gesteckt habe und ein großer Teil davon auf mein CSS entfiel. Auf dem Handy bin ich sehr nah an 100/100 bei Google PageSpeed Insights, und ich tue alles, um das zu halten. Auf dem Desktop ist 100/100 deutlich leichter zu erreichen.

Was kann ich tun?

  • Inline-CSS. WP Rocket macht das von selbst, von Hand wird es aber besser und gründlicher.
  • Überflüssige Elemente verstecken. Vor allem auf dem Handy versucht Ihre Website manchmal, Desktop-Elemente zu laden und danach zu verstecken. Das bringt Ihnen nichts und kostet nur Tempo. Mit visibility:hidden; verhindern Sie, dass diese Elemente gebaut werden, solange sie nicht sichtbar sind. 
  • CLS beheben. CLS steht für Cumulative Layout Shift. Eine Website, die zu laden beginnt und dann Elemente verschiebt, während weitere nachladen, produziert eine Kette von Fehlern. Reservieren Sie den Platz für diese Elemente sofort, dann bleibt davon möglichst wenig übrig. Die Anleitungen dazu lesen Sie hier (auf Englisch).

Diese und verwandte Probleme lösen Sie am besten mit eigenem CSS. Leider schreiben viele WordPress-Themes ihr CSS nicht besonders sauber, deshalb lohnt es sich, von Hand nachzujustieren.

Wenn Sie auf Probleme stoßen, schreiben Sie sie in die Kommentare, die Redaktion von Türk SEM antwortet Ihnen dazu. Wir hoffen, dieser Beitrag hat Ihnen geholfen.

6 – Preloading

Einzelne Bausteine Ihrer Website vorab bereitzustellen, verbessert das Nutzererlebnis deutlich. Wir bei Türk SEM haben dafür ein wichtiges Werkzeug veröffentlicht. Sie geben dort die 3 wichtigsten Seiten Ihrer Website ein. Das Werkzeug findet die gemeinsamen Bausteine dieser 3 Seiten und legt Ihnen die wichtigsten davon vor.

Vor allem für das, was im Header steckt, setzt es eine eigene Kennzeichnung. Der Wechsel zwischen den Seiten wird dadurch beim Navigieren enorm schnell.

Die Dateien fürs Preloading tragen Sie in Cache-Plugins wie Perfmatters oder LiteSpeed ein.

Werkzeug für die Bausteine zum Vorabladen

Der Joker

Wenn sich Ihre Werte trotz vieler Einstellungen nicht bessern, liegt es vielleicht am Server oder an Ihren DNS-Einträgen.

  • Ob es am Server liegt, finden Sie in unserem Beitrag Was ist TTFB heraus. Mit dem TTFB-Checker dort messen Sie Ihren Wert.
  • Wenn Sie ein Reseller-Konto nutzen, sind der Arbeitsspeicher und die Kerne je Website vielleicht auf 1 GB oder weniger begrenzt. Dann kann Ihre Website auch jenseits von Code und allem anderen langsam werden. Ziehen Sie auf einen VDS um und erlauben Sie je Website 2 GB Arbeitsspeicher.
  • Und noch etwas, das Sie für jeden Server und jeden Domain-Anbieter einzeln testen müssen: in wie vielen Millisekunden Ihre Website auf eine DNS-Anfrage antwortet. Mit dem DNS Checker sehen Sie, wie schnell die Antwort kommt. Liegt sie über 100 ms, gibt Ihnen das Werkzeug wichtige Hinweise.