Bereits im November 2010 hat Google in einem Beitrag bestätigt, dass die Ladezeit einer Website für das Ranking in den SERPs relevant sein wird. Weiterhin wurde im Sommer 2018 mit einem Speed Update der Algorithmus angepasst, um das mobile Word Wide Web nutzerfreundlicher zu gestalten.  Im Hinblick auf das nächste Update im Mai 2021 widmet sich Google nun noch intensiver der Page Experience von mobilen Websites. Zu diesem Thema und speziell zu den Core Web Vitals haben wir bereits einen ausführlichen Artikel veröffentlicht.

In diesem Blogbeitrag stellen wir ein Plugin vor, das die Ladegeschwindigkeit von WordPress-Websites verbessern kann: Autoptimize

Die Ladezeit einer Website mit Autoptimize beeinflussen

Es ist bekannt, dass die Ladezeit das Ranking beeinflusst und in den kommenden Jahren zunehmend wichtiger wird. Website-Besucher haben immer weniger Geduld zu warten, bis sich eine Website aufgebaut hat. Um dem entgegenzuwirken, kann bei einer langsamen Website die Ladegeschwindigkeit mit einem Plugin verbessert werden. Dabei ist das Zusammenspiel einer Vielzahl an Kriterien von großer Bedeutung.

Ein geringer Page Speed kann unter anderem folgende Gründe haben:

  • Die Dateigröße der Website ist zu groß
  • Zu geringe Rechenleistung des Servers
  • Hoher Traffic auf der Website
  • Eine Menge unbenutzter Zeichen wie JS- und CSS-Dateien, die entfernt werden müssen

Mit dem bekanntesten Beschleunigungs-Plugin Autoptimize können sich diese Faktoren unkompliziert verschlanken lassen. Nicht umsonst verzeichnet das Tool bereits über 1 Million Installationen. Ziel ist es, mit den richtigen Einstellungen die Ladegeschwindigkeit zu verbessern, um dem Besucher eine schnelle, nutzerfreundliche Website zu präsentieren.

Die Anwendung von Autoptimize

Das Plugin wird über das WordPress-Backend installiert und aktiviert. Im Anschluss können verschiedene Einstellungen vorgenommen werden, die die Website beschleunigen können. Bei den meisten Themes und Plugins führt die Nutzung von Autoptimize zu keinen Komplikationen.

Zur Sicherheit sollte jedoch überprüft werden, ob die vorzunehmenden Einstellungen des Plugins mit der Website kompatibel sind.

Generell ist die Handhabung des Plugins sehr einfach, jedoch sollten gerade Laien im Zweifelsfall einen Experten mit der Pagespeed-Optimierung beauftragen. Zwar bietet das Plugin einsteigerfreundliche Erklärungen und zahlreiche hilfreiche Optionen, jedoch können auch schnell falsche Einstellungen getroffen werden. Im schlimmsten Fall entsteht so eine schlechtere statt verbesserte Ladezeit.

Informationen zum Download von Autoptimize

Welche Funktionen bietet das Plugin Autoptimize?

Das Plugin Autoptimize kann Skripte und Stile cachen und minimieren, CSS standardmäßig in den Kopfbereich verlagern, vollständige CSS aufschieben oder Skripte in die Fußzeile schieben. Es reduziert den HTML-Code und kann dadurch die Performance jeder Website steigern. Das heißt, der Code wird so schlank wie möglich gemacht, um die kleinste Dateigröße zu generieren. In den Einstellungen des Plugins können zusätzlich Bilder optimiert und verzögert geladen sowie Google Schriftarten optimiert werden.

Wo können die Einstellungen für den besten Pagespeed vorgenommen werden?

Das Plugin Autoptimize bietet die Möglichkeit verschiedenste Einstellungen vorzunehmen. Die Grundeinstellungen findet man in verschiedenen Registerkarten und können standardmäßig in Checkboxen festgelegt werden.

Bei den meisten Websites sind folgende Einstellungen sinnvoll:

  • Java-Script Code optimieren
  • CSS-Code optimieren
  • Inline-CSS zusammenfügen
  • Data: URIs für Bilder generieren

Einstellungen zur Pagespeed-Optimierung.

  • HTML-Code optimieren

Einstellungen für die Pagespeed-Optimierung mit Autoptimize.

  • Zusammengefügte CSS-/Skript-Dateien als statische Dateien speichern
  • Auch für angemeldete Benutzer optimieren

Pagespeed-Optimierung mit Autoptimize

  • Bilder verzögert laden

Bilder werden erst geladen, wenn sie tatsächlich in den Sichtbereich des Website-Besuchers kommen.

Einstellungen für Bilder bei Autoptimize.

  • Entfernen der Google Fonts
  • Entfernen der Emojis