Bilder sind für den Großteil der Ladezeiten der meisten Websites verantwortlich. Mit ein paar Klicks kann die Bildoptimierung die Ladezeiten verbessern und dich und deine Besucher zufriedener machen. Die Bildoptimierung ist nur verfügbar, wenn das CDN von Kinsta aktiviert ist.

Bei der Bildoptimierung werden die in den Dateien deiner Website gespeicherten Bilder nicht verändert, sondern es werden neue Bilder erstellt. Für die neuen Bilder wird kein zusätzlicher Speicherplatz benötigt und sie werden nicht auf den Speicherplatz deines Kinsta-Tarifs angerechnet.

Wenn verlustfrei oder verlustbehaftet aktiviert ist, erstellt das CDN automatisch WebP-Versionen der Bilder mit Hilfe der Polish Leistung von Cloudflare. Die WebP-Versionen werden im CDN von Cloudflare zwischengespeichert und werden ausgeliefert, wenn:

  1. der Accept-Header im Browser des Besuchers WebP enthält und
  2. Die WebP-Version ist deutlich kleiner.

Das CDN liefert das Originalbild aus, wenn es kleiner ist als die WebP-Version.

Aktivieren der Bildoptimierung

Um die Bildoptimierung auf deiner Website zu aktivieren, melde dich bei MyKinsta an, gehe zu WordPress Sites > sitename > CDN und klicke auf Einstellungen unter Bildoptimierung.

Einstellungen zur Bildoptimierung in MyKinsta.
Einstellungen zur Bildoptimierung in MyKinsta.

Daraufhin öffnet sich ein neues Fenster, in dem du zwischen verlustfreier und verlustbehafteter Bildoptimierung wählen kannst:

Einstellungen für die Bildoptimierung in MyKinsta.
Einstellungen für die Bildoptimierung in MyKinsta.

Verlustfreie Bildoptimierung

Die verlustfreie Bildoptimierung erfolgt mit einer verlustfreien Komprimierung und hat keinen Einfluss auf die Qualität deiner Bilder. Nur GIF- und PNG-Bilder werden komprimiert und es werden WebP-Versionen dieser Bilder erstellt. Die Metadaten werden von allen Bildern entfernt.

Auswählen der Option "Verlustfreie Bildoptimierung" in MyKinsta.
Auswählen der Option „Verlustfreie Bildoptimierung“ in MyKinsta.

Wähle diese Option, wenn die Qualität deiner Bilder unbedingt erhalten bleiben soll. Wenn du JPEG-Bilder komprimieren und WebP-Versionen erstellen möchtest, musst du die Option Verlustbehaftet wählen.

Nachdem du auf die Schaltfläche Einstellungen speichern geklickt hast, sollte die CDN-Seite wie folgt aussehen:

Verlustfreie Bildoptimierung in MyKinsta aktiviert.
Verlustfreie Bildoptimierung in MyKinsta aktiviert.

Verlustbehaftete Bildoptimierung

Die verlustbehaftete Bildoptimierung kann die Qualität deiner JPEG-Bilder verringern, da sie eine verlustbehaftete Komprimierung verwendet, um die Bilder so klein wie möglich zu machen. Diese Option komprimiert GIF- und PNG-Dateien genauso wie die verlustfreie Option und entfernt die Metadaten aus allen Bildern. Es werden auch Webp-Versionen aller Bilder erstellt, aber die Webp-Version wird nur verwendet, wenn sie deutlich kleiner ist als das verlustbehaftete oder verlustfrei komprimierte Bild.

Auswählen der Option Verlustbehaftete Bildoptimierung in MyKinsta.
Auswählen der Option Verlustbehaftete Bildoptimierung in MyKinsta.

Wähle diese Option, um die Bildoptimierung zu maximieren, auch wenn du weißt, dass dies die Bildqualität beeinträchtigen kann.

Nachdem du auf die Schaltfläche Einstellungen speichern geklickt hast, sollte die CDN-Seite wie folgt aussehen:

Verlustbehaftete Bildoptimierung in MyKinsta aktiviert.
Verlustbehaftete Bildoptimierung in MyKinsta aktiviert.

Bildoptimierung testen

Die Bildoptimierung ändert weder die URL noch die Dateierweiterung des Bildes, und sie verändert auch nicht den HTML-Code der Seiten deiner Webseite. Um zu überprüfen, ob die Bildoptimierung funktioniert, kannst du die HTTP-Header eines Bildes auf deiner Website mit den integrierten Entwicklertools deines Browsers untersuchen.

  1. Besuche deine Webseite und öffne die Entwicklertools in deinem Browser (klicke mit der rechten Maustaste auf die Seite oder ein Bild und dann auf Inspizieren).
  2. Lade die Seite auf der Registerkarte Netzwerk gegebenenfalls neu und wähle ein Bild aus.
  3. Scrolle auf der Registerkarte Kopfzeilen des ausgewählten Bildes nach unten, bis du die Response-Header siehst, und suche nach diesen Kopfzeilen und Werten:
    1. cf-polished: Dies zeigt dir das ursprüngliche Format und die Dateigröße des Bildes an. Wenn die generierte WebP-Version des Bildes eine größere Dateigröße hat als das Originalbild, wird das Originalbild weiterhin verwendet.
    2. content-type: Hier siehst du, welches Dateiformat verwendet wird, unabhängig von der URL oder der Dateierweiterung.
    3. ki-cache-type: Dieser sollte den Wert CDN haben.
    4. ki-cf-cache-status: Dieser Wert sollte HIT lauten. In Kombination mit dem ki-cache-type-Headerwert CDN zeigt dies, dass das Bild über das CDN von Kinsta bereitgestellt wird.

Deaktivieren der Bildoptimierung

Um die Bildoptimierung auf deiner Website zu deaktivieren, melde dich bei MyKinsta an, gehe zu WordPress Seiten > Seitenname > CDN und klicke auf Einstellungen für Bildoptimierung. Wähle in dem neuen Fenster die Option Keine und klicke auf Einstellungen speichern.

Die CDN-Seite zeigt nun an, dass keine Einstellungen zur Bildoptimierung vorgenommen wurden und sieht wie folgt aus:

Bildoptimierung in MyKinsta deaktiviert.
Bildoptimierung in MyKinsta deaktiviert.