Optimierung
smoxy optimiert automatisch Bilder, die über die Zone ausgeliefert werden - reduziert Dateigrößen ohne sichtbaren Qualitätsverlust und konvertiert Bilder in moderne Formate wie WebP und AVIF. Das verbessert Ladezeiten und reduziert den Bandbreitenverbrauch.
Wie es funktioniert
Wenn die Bildoptimierung aktiviert ist:
- Ein Besucher fordert ein Bild an (z. B.
product.jpg) - smoxy holt das Bild vom Origin
- smoxy optimiert das Bild und konvertiert es optional zu WebP oder AVIF
- Das optimierte Bild wird gecacht und dem Besucher ausgeliefert
- Die Original-URL ändert sich nicht - die Formatverhandlung erfolgt automatisch über den
Accept-Header
Unterstützte Eingabeformate: JPEG, PNG
Unterstützte Ausgabeformate: JPEG, PNG, WebP, AVIF
Optimierung aktivieren
- Zur Zone in smoxy navigieren
- Die Optimierung-Seite öffnen
- Schalter Bildoptimierung aktivieren einschalten
- Qualitäts- und Formateinstellungen konfigurieren
- Speichern
Formatkonvertierung
Konvertierung zu WebP
Wenn aktiviert, konvertiert smoxy JPEG- und PNG-Bilder in das WebP-Format für Browser, die es unterstützen. WebP erreicht typischerweise 25–35% kleinere Dateigrößen im Vergleich zu JPEG bei gleicher visueller Qualität.
| Einstellung | Standard |
|---|---|
convert_to_webp | Aktiviert |
webp_quality | 50 |
Browser, die WebP nicht unterstützen, erhalten das optimierte Originalformat (JPEG oder PNG).
Konvertierung zu AVIF
Wenn aktiviert, konvertiert smoxy JPEG- und PNG-Bilder in das AVIF-Format für Browser, die es unterstützen. AVIF erreicht typischerweise noch bessere Komprimierung als WebP.
| Einstellung | Standard |
|---|---|
convert_to_avif | Aktiviert |
avif_quality | 50 |
Browser, die AVIF nicht unterstützen, fallen auf WebP zurück (falls aktiviert), oder auf das optimierte Originalformat.
INFO
Hinweis: Einige Dienste wie Google Merchant Center akzeptieren keine AVIF-Bilder. Beim Einsatz von Google Merchant Feeds siehe Google Merchant Crawler für Details.
Qualitätseinstellungen
Die Bildoptimierung verwendet einen Qualitätsbereich (Min/Max), um die beste Balance zwischen Dateigröße und visueller Qualität zu finden. smoxy nutzt die SSIM-Methode (Structural Similarity Index), um sicherzustellen, dass komprimierte Bilder visuell identisch mit den Originalen bleiben.
INFO
Rollout läuft: Die JPEG- und PNG-Qualitätssteuerung (Min-/Max-Qualität und die Aktivierungsschalter pro Format) wird derzeit ausgerollt und ist möglicherweise noch nicht auf jeder Zone sichtbar.
JPEG
| Einstellung | Bereich | Standard | Beschreibung |
|---|---|---|---|
jpeg_quality_min | 10–100 | 40 | Minimal akzeptable Qualität (untere Grenze) |
jpeg_quality_max | 10–100 | 98 | Maximale Qualität (obere Grenze) |
jpeg_quality_target | 0,0001–0,9999 | 0,9997 | SSIM-Ziel - höher bedeutet näher am Original |
Das SSIM-Ziel steuert, wie aggressiv smoxy komprimiert. Der Standard von 0,9997 ist sehr konservativ - kaum vom Original zu unterscheiden. Ein niedrigeres Ziel ergibt kleinere Dateien auf Kosten leicht reduzierter Qualität.
PNG
| Einstellung | Bereich | Standard | Beschreibung |
|---|---|---|---|
png_quality_min | 10–100 | 40 | Minimal akzeptable Qualität |
png_quality_max | 10–100 | 98 | Maximale Qualität |
WebP
| Einstellung | Bereich | Standard | Beschreibung |
|---|---|---|---|
webp_quality | 10–100 | 50 | Ausgabequalität für WebP-Konvertierung |
AVIF
| Einstellung | Bereich | Standard | Beschreibung |
|---|---|---|---|
avif_quality | 10–100 | 50 | Ausgabequalität für AVIF-Konvertierung |
Code-Minifizierung
| Einstellung | Standard |
|---|---|
minify_html | Deaktiviert |
Wenn aktiviert, entfernt smoxy unnötige Leerzeichen, Kommentare und Zeilenumbrüche aus HTML-Antworten, bevor sie ausgeliefert (und gecacht) werden. Das reduziert die an Besucher gesendete HTML-Dateigröße.
Die Minifizierung arbeitet unabhängig vom HTML-Caching (Dynamischer Cache) -- die Kombination aus beidem bringt die beste Performance-Verbesserung.
Pro-Request-Überschreibungen
Bildoptimierungseinstellungen lassen sich für bestimmte Anfragen mit Conditional Rules überschreiben. Das ermöglicht:
- Unterschiedliche Qualitätsstufen für mobile Nutzer setzen
- Formatkonvertierung für bestimmte Pfade deaktivieren
- Aggressivere Komprimierung für bestimmte Regionen anwenden
Beispiel: Bildqualität für mobile Besucher reduzieren, um Bandbreite zu sparen:
| Bedingung | Einstellung | Wert |
|---|---|---|
User Agent enthält (Mobile|Android|iPhone) | JPEG Max Qualität | 75 |
User Agent enthält (Mobile|Android|iPhone) | WebP Qualität | 65 |
Wichtige Hinweise
- Automatische Formatverhandlung: smoxy prüft den
Accept-Header des Besuchers, um zu bestimmen, welche Formate der Browser unterstützt. Die URL bleibt gleich - nur das Antwortformat ändert sich. - Gecacht pro Format: Optimierte Bilder werden für jedes Ausgabeformat separat gecacht. Eine JPEG-, WebP- und AVIF-Version desselben Bildes können im Cache koexistieren.
- Nur JPEG und PNG als Eingabe: smoxy optimiert JPEG- und PNG-Bilder. Andere Formate (GIF, SVG, etc.) werden ohne Änderung durchgereicht.
- Verlustfrei wird nicht unterstützt: Bildoptimierung wendet immer verlustbehaftete Komprimierung an. Bei Bedarf an pixelgenauer Bildauslieferung lässt sich die Optimierung für diese Pfade mit einer Conditional Rule deaktivieren.
- Cloudflare-Nutzer: Beim Einsatz von Cloudflare vor smoxy ist Cloudflares Bildoptimierung (Polish) zu deaktivieren, um doppelte Optimierung zu vermeiden.