STATUS IS UPWEBSITE-BEREITSCHAFT
Deutsch
Betreiberbereich
SIU erkunden

Readiness-Check · Bereich Beschleunigen · Gewichtung 6

Moderne Bildformate im Einsatz

Auf einer Startseite mit mindestens drei Bildern verwenden einige Bilder WebP oder AVIF (erkennbar am Dateityp, am Typ eines source-Elements oder an einem Formatparameter des Bild-CDN).

Beobachtet auf
40%

von 123,215 gemessenen Websites

Top-1K-Websites
42%

219 gemessen

Top-1M-Gruppe
40%

68,845 gemessen

Nicht gemessen
62,841

blockiert, durch eine Sicherheitsabfrage eingeschränkt oder nicht anwendbar

Warum das wichtig ist

WebP und AVIF sind bei vergleichbarer Qualität in der Regel deutlich kleiner als JPEG oder PNG, und Bilder machen oft den größten Teil der Datenmenge einer Seite aus.

So beheben Sie das Problem

Liefern Sie WebP oder AVIF mit JPEG oder PNG als Fallback aus, entweder über ein Bild-CDN oder indem Sie beide Formate beim Build erzeugen.

Tool zur Prüfung der Bereitschaft für die Bildauslieferung

So prüfen wir

Auf einer Startseite mit mindestens drei Bildern verwenden einige Bilder WebP oder AVIF (erkennbar am Dateityp, am Typ eines source-Elements oder an einem Formatparameter des Bild-CDN).

Festgestellt: Bilder im Format WebP oder AVIF erkannt.

Nicht festgestellt: Keine Bilder im Format WebP oder AVIF erkannt.

Einschränkung: Grundlage ist das an einen automatisierten Client ausgelieferte HTML der Startseite; später ausgeführte Skripte wurden nicht ausgeführt.

Stack-spezifische Schritte

  • WordPress: WordPress unterstützt seit 5.8 Uploads im Format WebP und seit 6.5 im Format AVIF; Bild-Plugins oder der Hosting-Anbieter können vorhandene Bilder konvertieren.
  • Next.js: Die next/image-Komponente liefert automatisch optimierte Formate aus.
  • Nuxt: Nuxt Image kann WebP und AVIF ausgeben.
  • Cloudflare: Cloudflare Polish kann Bilder in WebP konvertieren.
  • Vercel: Vercel Image Optimization liefert moderne Formate aus.
  • Shopify: Das Bild-CDN von Shopify kann moderne Formate ausliefern; befolgen Sie die Empfehlungen von Shopify zur Web-Performance von Themes.

Nach Popularitätsgruppe

Chrome UX Report-BereichBeobachtetGemessen
Top 1.00042%219
Top 5.00038%1,042
Top 10.00041%1,351
Top 50.00039%10,382
Top 100.00040%10,125
Top 500.00039%31,251
Top 1 Mio.40%68,845

Kategorien, in denen dies am wahrscheinlichsten ist

Kategorien, in denen dies am wenigsten wahrscheinlich ist

Nach Technologie-Stack

Nach Anbieter

Beliebte Websites, auf denen wir dies beobachtet haben

Quellen und Leitfäden

Leitfaden: AVIF, WebP, JPEG und PNG: Das richtige Bildformat wählenPrüfen Sie Ihre eigene Website