Jede WordPress-Website stößt irgendwann auf dasselbe Problem. Bilder sind das Schwerste auf der Seite, die Redaktion lädt hoch, was die Kamera ausgegeben hat, und der Mobilwert leidet darunter. Die übliche Antwort ist eine Bildoptimierungs-Erweiterung, und die üblichen Kandidaten heißen Smush, ShortPixel und Imagify.

Es gibt einen zweiten Ansatz, der anders funktioniert, und der Vergleich wird selten fair gezogen, weil es kein gleichartiges Produkt ist. Cloudflare Image Transformations komprimiert Ihre Bilder nicht und speichert die Ergebnisse. Es schreibt sie in dem Moment um, in dem sie angefordert werden. Diesen Unterschied zu verstehen ist der größte Teil der Entscheidung.

Der Unterschied, der es entscheidet: Die Erweiterungen verarbeiten und speichern optimierte Kopien Ihrer Bilder. Cloudflare transformiert auf Anfrage und legt das Ergebnis am Edge ab. Die Erweiterungen rechnen danach ab, wie viele Bilder Sie besitzen. Cloudflare rechnet danach ab, wie viele eigenständige Varianten Sie ausliefern. Diese beiden Modelle passen zu sehr unterschiedlichen Websites.

Wie sich die beiden Ansätze unterscheiden

Eine klassische Optimierungserweiterung arbeitet auf Ihrer Mediathek. Sie nimmt jedes hochgeladene Bild, schickt es an die Server des Anbieters oder verarbeitet es lokal, komprimiert es und schreibt das Ergebnis zurück. Ihre Mediathek hält am Ende optimierte Dateien, oft in mehreren Größen. Die Arbeit geschieht einmal, beim Upload oder in einem Massenlauf, und die Ergebnisse liegen auf Ihrem Origin.

Transformationen drehen das um. Ihr Original bleibt unangetastet. Fordert ein Besucher ein Bild an, läuft die Anfrage über Cloudflare, das es unterwegs skaliert, konvertiert und das Ergebnis zwischenspeichert. Nichts wird in Ihre Mediathek zurückgeschrieben, und Sie können die ausgelieferten Größen jederzeit ändern, indem Sie eine URL anpassen statt eine Mediathek neu zu verarbeiten.

Das hat eine praktische Folge, die viele spät entdecken. Mit einer Erweiterung generieren Sie die gesamte Mediathek neu, wenn Sie nächstes Jahr entscheiden, dass Ihre Thumbnails eine andere Größe haben sollen. Mit Transformationen ändern Sie einen Parameter.

Was die kostenlosen Tarife wirklich bieten

Hier wird der Vergleich konkret, und hier helfen die Marketingseiten am wenigsten.

Smush von WPMU DEV hat über eine Million aktive Installationen. Der kostenlose Tarif bietet verlustfreie und verlustbehaftete Komprimierung, Massenoptimierung und Lazy Loading. Die Grenzen, die man kennen sollte: Bilder über fünf Megabyte werden komplett übersprungen, und was die meisten eigentlich wollen, nämlich WebP- und AVIF-Konvertierung, CDN-Auslieferung und automatische Skalierung, sind allesamt Pro-Funktionen. Die kostenlose Version ist ein Kompressor, keine moderne Formatpipeline.

ShortPixel hat über dreihunderttausend Installationen und nutzt ein Guthabenmodell. Ein Guthaben pro verarbeitetem Bild oder Thumbnail, mit hundert freien Guthaben pro Monat. Das klingt großzügig, bis man bedenkt, dass WordPress mehrere Thumbnail-Größen pro Upload erzeugt, sodass eine einzelne Fotografie vier oder fünf Guthaben verbrauchen kann. Unbegrenztes Monatsguthaben kostet 9,99 US-Dollar, Einmalpakete beginnen bei 19,99 US-Dollar. WebP und AVIF sind enthalten, und in den Premium-Tarifen gibt es ein CDN.

Imagify von WP Media hat ebenfalls über eine Million Installationen. Der kostenlose Tarif umfasst zwanzig Megabyte Bilder pro Monat, ungefähr zweihundert Bilder. WebP- und AVIF-Konvertierung ist in jedem Tarif enthalten, auch im kostenlosen, was bei Formaten die großzügigste Position der drei ist. Ein CDN gehört nicht zum Angebot.

Cloudflare Image Transformations gibt Ihnen im Free-Tarif fünftausend eindeutige Transformationen pro Monat, danach fünfzig Cent je tausend. Eine eindeutige Transformation ist eine eigenständige Kombination aus Bild und Parametern pro Kalendermonat, sodass dasselbe skalierte Bild an fünfzigtausend Besucher auszuliefern einmal zählt. Automatische Formatwahl zählt als eine Transformation, selbst wenn manche Browser AVIF und andere WebP erhalten.

Welches Modell zu welcher Website passt

Die ehrliche Antwort hängt von der Form Ihrer Mediathek ab, nicht davon, welches Produkt besser ist.

Eine kleine Website mit stabiler Mediathek. Ein paar hundert Bilder, die sich selten ändern. Jede der Erweiterungen bewältigt das bequem, und besonders der kostenlose Tarif von Imagify deckt es wahrscheinlich vollständig ab. Es gibt wenig Grund, für diesen Fall Cloudflare in den Stack aufzunehmen.

Ein großer Katalog mit vielen Größen. Ein Shop mit tausenden Produkten, die jeweils ein Thumbnail, eine Rasterkachel und eine Detailansicht brauchen. Guthabenbasierte Preise bestrafen das hart, weil jedes Thumbnail jedes Produkts Guthaben verbraucht. Transformationen rechnen pro eigenständiger Variante ab, unabhängig davon, wie viele Produkte Sie haben, und der Rabatt für Wiederholungsanfragen sorgt dafür, dass beliebte Seiten nichts zusätzlich kosten.

Eine Website mit viel Traffic, aber wenigen Bildern. Hier glänzen Transformationen, weil die Abrechnung dem Traffic überhaupt nicht folgt. Ein viraler Beitrag, der dieselben zwölf Bilder an hunderttausend Menschen ausliefert, sind zwölf Transformationen.

Eine Website mit ständigen Uploads. Eine Publikation, die täglich Dutzende Bilder hinzufügt, erschöpft Imagifys zwanzig Megabyte oder ShortPixels hundert Guthaben binnen Tagen. Beide bräuchten einen kostenpflichtigen Tarif. Cloudflare womöglich ebenso, je nachdem, wie viele Größen jeder Upload benötigt.

Kein Cloudflare vor Ihrer Website. Dann sind Transformationen ohne Umzug Ihrer DNS gar keine Option, und eine Erweiterung ist die pragmatische Wahl.

Die Kosten, die niemand nennt

Zwei Dinge fehlen in jeder Vergleichstabelle.

Speicherplatz. Erweiterungen, die optimierte Kopien neben den Originalen behalten, erhöhen Ihren Plattenverbrauch teils erheblich, denn WordPress erzeugt bereits mehrere Größen pro Upload und die Erweiterung fügt konvertierte Fassungen jeder davon hinzu. Auf günstigem Shared Hosting wird das gelegentlich zur eigentlichen Grenze statt der Geschwindigkeit.

Neuverarbeitung. Wechseln Sie das Theme, ändern sich Ihre Bildgrößen, und ein erweiterungsbasiertes Setup braucht einen vollständigen Neugenerierungslauf. Bei einer großen Mediathek sind das Stunden Serverlast, und genau dort merken Leute, dass ihr Hoster ein CPU-Limit hat.

Keines davon ist ein Grund, Erweiterungen zu meiden. Es sind nur Kosten außerhalb der Preisseite, und sie sprechen mit wachsender Mediathek für das Modell der Transformation auf Anfrage.

So erkennen Sie, wofür Sie zahlen

Zählen Sie vor der Entscheidung vier Dinge über Ihre eigene Website. Das dauert einen Nachmittag und entscheidet die Frage zuverlässiger als jede Vergleichstabelle.

Wie viele Bilder Sie halten. Die Zahl in der Mediathek, nicht die Zahl der Seiten. Das bestimmt, ob guthabenbasierte Preise überhaupt tragfähig sind.

Wie viele Größen jedes braucht. Prüfen Sie, was Ihr Theme tatsächlich anfordert. WordPress erzeugt standardmäßig mehrere Größen pro Upload, und die meisten Themes nutzen zwei oder drei davon. Registriert Ihr Theme acht eigene Größen und verwendet vier, zahlen Sie bei jeder Erweiterung dieser Liste für die Verarbeitung der übrigen vier, und bei Cloudflare für deren Transformation. Diese Liste zu kürzen ist in beiden Fällen geschenktes Geld.

Wie oft sich die Mediathek ändert. Eine täglich publizierende Redaktion hat ein anderes Problem als eine Broschürenseite, die zuletzt letztes Jahr geändert wurde. Monatskontingente bestrafen Erstere und sind für Letztere belanglos.

Wie viel Traffic die Bilder verursachen. Nur Cloudflares Modell ist dagegen unempfindlich, und nur die CDN-Stufen der Erweiterungen berechnen es. Eine Website mit viel Traffic und wenigen Bildern ist der klarste Fall für Transformationen, den es gibt.

Schreiben Sie diese vier Zahlen auf, und die Wahl trifft sich meist von selbst. Liegen Sie falsch, merken Sie es bei der Verlängerung, oder wenn ein Massenlauf mitten im Katalog abbricht.

Beides zusammen nutzen

Diese Ansätze schließen sich nicht aus, und die Kombination ist oft die sinnvolle Antwort. Komprimieren Sie beim Upload mit einer Erweiterung, damit Ihre Originale nicht unnötig schwer sind, und überlassen Sie Skalierung und Formatkonvertierung bei der Auslieferung den Transformationen. Sie erhalten eine kleinere Mediathek und eine kleinere Übertragung, und kein System dupliziert die Arbeit des anderen.

Was Sie nicht tun sollten: zwei Systeme betreiben, die beide Formate konvertieren. Zwei Erweiterungen, die sich um die WebP-Erzeugung streiten, liefern verwirrende Ergebnisse und verschwendete Rechenzeit, und das ist eine häufige Ursache für Bilder, die auf dem Desktop korrekt erscheinen und auf älteren Mobilbrowsern brechen.

Wenn Sie die Cloudflare-Seite auf WordPress automatisieren wollen, ohne einen Worker zu schreiben, schreibt das von mir gepflegte Plugin Ihre Bild-URLs auf Transformationen um, ergänzt fehlende Breiten- und Höhenangaben und lässt Sie externe Quellen auf eine Whitelist setzen, die unangetastet bleiben sollen. Es ist kostenlos und fügt kein eigenes Guthabensystem hinzu.

Zur Mechanik des URL-Formats und des Worker-Ansatzes siehe Cloudflare Image Transformations . Wenn Sie zugleich entscheiden, wo die Dateien liegen sollen, behandelt Cloudflare R2 für Bild-Hosting die Speicherfrage und die entfallenden Egress-Gebühren.

Eine Antwort für Ihre Website finden

Die Entscheidung läuft auf Zahlen hinaus, die Sie an einem Nachmittag zählen können: wie viele Bilder Sie halten, wie viele Größen jedes braucht, wie oft sich die Mediathek ändert und ob Cloudflare bereits vor Ihrer Website sitzt. Diese vier Antworten zeigen klar auf die eine oder andere Option, und sie falsch zu beantworten ist auf eine Weise teuer, die sich später ärgerlich entwirren lässt.

Mecanik führt WordPress-Performance-Audits durch, die messen, was Bilder Sie tatsächlich kosten, bevor irgendeine Änderung empfohlen wird, und übernimmt die Umsetzung im Rahmen von WordPress-Entwicklung , wenn die Lösung über eine Installation hinausgeht.

Siehe auch: WooCommerce Produktbilder: Warum Kategorieseiten lahmen , WooCommerce Performance: Warum Ihr Shop langsam ist , Cloudflare R2 Preise erklärt - Echte Kosten vs S3 und Backblaze , Cloudflare Email Routing - Kostenlose E-Mail mit eigener Domain .

Häufig gestellte Fragen

Ist Cloudflare Image Transformations besser als Smush oder ShortPixel? Nicht besser, sondern anders. Die Erweiterungen komprimieren und speichern optimierte Kopien und rechnen nach der Anzahl Ihrer Bilder ab. Cloudflare transformiert auf Anfrage und rechnet nach eigenständigen Varianten ab. Große Kataloge sprechen meist für Cloudflare, kleine stabile Mediatheken für eine Erweiterung.

Welche Bilderweiterung hat den besten kostenlosen Tarif? Imagify enthält WebP- und AVIF-Konvertierung im kostenlosen Tarif, was Smush auf Pro beschränkt, begrenzt Sie aber auf zwanzig Megabyte pro Monat. ShortPixel gibt hundert Guthaben monatlich, wobei WordPress-Thumbnails mehrere Guthaben pro Upload verbrauchen. Cloudflare gibt fünftausend eindeutige Transformationen.

Kann ich eine Optimierungserweiterung und Cloudflare zusammen einsetzen? Ja, und oft ist das sinnvoll. Komprimieren Sie beim Upload mit der Erweiterung, damit Originale nicht unnötig schwer sind, und überlassen Sie Skalierung und Formatkonvertierung Cloudflare. Vermeiden Sie zwei Systeme, die beide nach WebP konvertieren, denn das verschwendet Rechenzeit und erzeugt uneinheitliche Ergebnisse.

Brauche ich Cloudflare vor meiner Website, um Transformationen zu nutzen? Ja. Transformationen gelten für Bilder, die über eine Zone in Ihrem Cloudflare-Konto ausgeliefert werden. Liegt Ihr DNS nicht bei Cloudflare oder kommen Bilder von einem Hoster außerhalb Ihres Kontos, umgehen die Anfragen den Mechanismus, und eine Erweiterung ist die praktische Wahl.

Verbessert Bildoptimierung tatsächlich die Core Web Vitals? Meist ja, weil Bilder üblicherweise das Seitengewicht dominieren und das größte davon oft das Largest-Contentful-Paint-Element ist. Ein korrekt dimensioniertes Bild in modernem Format senkt diesen Messwert direkt, behebt aber keine Langsamkeit durch Skripte oder Serverantwortzeit.