IMG.DIY / E-Commerce / Produktseiten-QA

Produktseiten-QA

Fügen Sie eine Produkt-URL ein und erhalten Sie Lighthouse-Werte, Bildgewicht-Diagnosen und eine Best-Practice-Checkliste für E-Commerce.

Produktseiten-QA visual example
Datenschutz zuerst: nichts wird hochgeladen.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Produktseiten-QA: 1 · Choose input
1 · Choose input
Produktseiten-QA: 2 · Adjust and process
2 · Adjust and process
Produktseiten-QA: 3 · Download result
3 · Download result

Langsame, schwere Produktseiten kosten Verkäufe. Dieses Tool führt Googles offizielles Lighthouse-Audit (über die PageSpeed-Insights-API) gegen jede von Ihnen angegebene URL aus und filtert heraus, was für Shops zählt: Core Web Vitals, wie viele Kilobyte Ihre Bilder verschwenden, Überschriftenstruktur, SEO-Grundlagen und Barrierefreiheit.

Unter dem automatischen Bericht gibt es eine handgefertigte Checkliste mit Best Practices für Produktseiten — Platzierung des Call-to-Action, Vertrauenssignale, mobile Bedienbarkeit — die Dinge, die eine Maschine nicht vollständig beurteilen kann, ein Designer aber abhaken sollte.

So geht's

  1. URL einfügenJede öffentliche Produktseite. Wählen Sie Mobil oder Desktop.
  2. Bericht lesenVier Werte, Core Web Vitals, Bild-Einsparungsschätzungen und Struktur-Prüfungen in ~30 Sekunden.
  3. Checkliste durchgehenHaken Sie die manuellen E-Commerce-Prüfungen unter dem Bericht ab.

Ein echtes Lighthouse-Audit für jede Produktseite ausführen

Fügen Sie eine öffentliche URL ein, und dieses Tool führt Google Lighthouse über die PageSpeed-Insights-API aus und liefert dann die vier vertrauten Werte zurück: Performance, Barrierefreiheit, SEO und Best Practices. Es ist dieselbe Engine, die Googles eigenen Bericht antreibt, sodass die Zahlen mit dem übereinstimmen, worauf Suchteams tatsächlich schauen.

Sie erhalten die Core Web Vitals, die für Ranking und Nutzererlebnis zählen – LCP, CLS, TBT und FCP –, dazu Einsparpotenziale beim Bildgewicht sowie eine Aufschlüsselung der Überschriftenstruktur und der SEO-Prüfungen. Das ist ein schneller Gesundheitscheck, bevor Sie eine Seite live schalten oder sie einem Kunden übergeben.

Über Werte hinaus: eine E-Commerce-Best-Practice-Checkliste

Reine Lighthouse-Zahlen sagen Ihnen, dass eine Seite langsam ist, aber nicht immer, warum sie nicht konvertiert. Zusätzlich zum Audit fügt dieses Tool eine handgebaute E-Commerce-Checkliste hinzu, die Klarheit des Call-to-Action, Vertrauenssignale, mobiles Verhalten und strukturierte Daten (Schema) abdeckt, damit Sie die Dinge erwischen, die Lighthouse nicht bewertet.

Wenn Sie an das gemeinsame Ratenlimit stoßen, können Sie Ihren eigenen Google-API-Schlüssel in ein optionales Feld einfügen. Der Schlüssel wird nur in Ihrem Browser gespeichert und dient dazu, Ihr Kontingent zu erhöhen, sodass intensive Testtage nicht gedrosselt werden.

Wofür man es nutzt

Prüfung der Produktseite vor dem Launch — Auditieren Sie eine neue Anzeige oder Landingpage vor dem Live-Gang, um Geschwindigkeits- und SEO-Probleme früh zu erwischen.

Fehlersuche bei den Core Web Vitals — Sehen Sie LCP, CLS, TBT und FCP einer Seite, um herauszufinden, welche Kennzahl den Wert nach unten zieht.

Bildgewicht bereinigen — Lesen Sie den Bericht zu Bildeinsparungen, um überdimensionierte Fotos zu finden, die den Seitenaufbau aufblähen.

Berichte für Kunden und Agenturen — Ziehen Sie einen objektiven Lighthouse-Wert und eine Checkliste heran, um einem Kunden genau zu zeigen, was zu beheben ist.

Benchmarking von Wettbewerberseiten — Führen Sie dasselbe Audit für die öffentliche URL eines Wettbewerbers aus, um Geschwindigkeit und SEO direkt zu vergleichen.

Stichprobe zur Barrierefreiheit — Holen Sie sich einen Barrierefreiheitswert und eine Prüfliste, um offensichtliche Hürden vor einer Überprüfung zu erwischen.

Prüfung der Konversionsbereitschaft — Nutzen Sie die E-Commerce-Checkliste, um zu verifizieren, dass CTAs, Vertrauenssignale und mobiles Layout vorhanden sind.

Intensives Testen ohne Drosselung — Fügen Sie Ihren eigenen Google-API-Schlüssel hinzu, um in einer Sitzung viele Audits auszuführen, ohne an das gemeinsame Kontingent zu stoßen.

Eine langsame Produktseite verliert Verkäufe, bevor jemand die Beschreibung liest

Auf einer Produktseite wird jede Sekunde Ladezeit in verlorenen Conversions gemessen. Käufer im Mobilfunknetz verlassen eine Seite, die stockt, und auch das Suchranking berücksichtigt Geschwindigkeit, sodass eine schwere Seite Sie doppelt kostet – weniger Besucher und weniger, die bleiben. Der übliche Übeltäter auf E-Commerce-Seiten sind Bilder: ein nicht optimiertes Hero-Foto, ein Stapel Galeriefotos in voller Auflösung und ein langes Detailbild können still mehrere Megabyte zu einer Seite hinzufügen, die einen Bruchteil davon wiegen sollte. Das Problem ist, dass „meine Seite fühlt sich langsam an" eine Vermutung ist, und eine Vermutung kann man nicht beheben. Sie brauchen Zahlen, und Sie brauchen sie auf die Dinge gerichtet, die ein Verkäufer tatsächlich ändern kann.

Googles PageSpeed Insights führt Lighthouse aus und liefert Ihnen diese Zahlen, und es ist aus gutem Grund die Branchenreferenz. Doch sein Rohbericht ist für Webentwickler gebaut – er zeigt render-blockierende Skripte und Haupt-Thread-Timing neben den Bildproblemen und rahmt nichts um das ein, was für ein Angebot zählt. GTmetrix legt ein schöneres Dashboard über ähnliche Daten, ist aber ebenso allgemein. Was ein Verkäufer will, ist dieselbe vertrauenswürdige Engine mit einer E-Commerce-Linse darüber: Wie schwer sind speziell meine Bilder, und besteht diese Seite die Checkliste, die Conversions tatsächlich bewegt?

Dieser Seiten-Prüfer ruft Googles PageSpeed-Insights-API auf – dieselbe Lighthouse-Engine – und präsentiert die Ergebnisse mit den Prioritäten eines Verkäufers voran: den Performance-Wert, einen Bildgewicht-Bericht, der zeigt, wie viel der Seite aus Bildern besteht und welche zu komprimieren sind, und eine E-Commerce-Checkliste zu den Dingen, die Angebote regelmäßig falsch machen. Es legt eine fokussierte Linse über eine Quelle, der Sie vertrauen können, statt eine eigene Bewertung zu erfinden. Eines sei klar gesagt: Dieses Werkzeug erfordert eine Internetverbindung. Es fragt Googles Server ab, um die Prüfung durchzuführen, sodass es anders als die übrigen Werkzeuge hier nicht offline funktioniert – das ist ein ehrlicher und unvermeidbarer Teil seiner Funktionsweise.

Was den Unterschied macht

  • Googles Engine, die Sicht eines Verkäufers. Die Werte stammen von PageSpeed Insights / Lighthouse – der Standardreferenz –, neu geordnet um das, worauf ein Online-Verkäufer reagieren kann.
  • Bildgewicht-Bericht. Sehen Sie, wie viele Megabyte der Seite Bilder sind und welche konkreten die Schwergewichte sind, sodass Sie genau wissen, was durch einen Kompressor oder Skalierer laufen sollte.
  • E-Commerce-Checkliste. Eine praktische Prüfung der Dinge, die Produktseiten häufig übersehen, über die rohen Kennzahlen gelegt.
  • Vertrauenswürdige Quelle, keine Blackbox. Es meldet Googles Zahlen statt eines erfundenen Werts, den Sie nicht überprüfen können.
  • Kostenlos, ohne Anmeldung. Ein optionaler API-Schlüssel lässt Sie das gemeinsame öffentliche Kontingent umgehen, wenn Sie viele Prüfungen durchführen.
  • Ehrliche Einschränkung: braucht Internet. Es ruft Googles API auf und kann daher nicht wie die reinen Browser-Werkzeuge offline laufen.

IMG.DIY im Vergleich zu anderen Seiten-Werkzeugen

IMG.DIY Seiten-QA PageSpeed Insights (roh) GTmetrix
Zugrunde liegende Engine Google Lighthouse (PSI-API) Google Lighthouse Lighthouse-basiert
E-Commerce-Checkliste Ja Nein Nein
Fokus auf Bildgewicht Ja, verkäuferorientiert Vorhanden, aber vergraben Vorhanden
Sichtweise Verkäuferprioritäten Entwicklerorientiert Allgemeine Web-Performance
Preis Kostenlos Kostenlos Kostenlose Stufe + kostenpflichtig
Anmeldung Keine (optionaler API-Schlüssel) Keine Für gespeicherte Historie
Braucht Internet Ja – erforderlich Ja Ja

Fairerweise: Wenn Sie sich mit dem Lesen eines Entwicklerberichts wohlfühlen, gibt Ihnen das rohe PageSpeed Insights alles und ist maßgeblich – dieses Werkzeug sitzt auf genau derselben Engine. GTmetrix bietet historische Verfolgung und ein poliertes Dashboard, die für laufende Überwachung wirklich nützlich sind. Was dieses Werkzeug hinzufügt, ist die E-Commerce-Linse: Es nimmt Googles vertrauenswürdige Messungen und richtet sie auf Bildgewicht und eine Verkäufer-Checkliste, sodass die Ausgabe sich liest als „das solltest du an deinem Angebot beheben" statt „hier ist eine Wand aus Web-Performance-Kennzahlen". Denken Sie nur daran, dass es eine Verbindung braucht – es ist das eine Werkzeug hier, das konstruktionsbedingt nicht offline arbeiten kann.

Warum IMG.DIY

Echtes Lighthouse

Offizielle Google-Audit-Engine, keine Nachbildung.

Bild-Fokus

Genau, wie viele KB Ihre Bilder verschwenden und wie Sie das beheben.

E-Commerce-Checkliste

CTA-, Vertrauens-, Mobil- und Schema-Prüfungen, die ein Bot nicht bewerten kann.

Kein Schlüssel nötig

Läuft aus Ihrem Browser gegen Googles öffentliche API.

FAQ

Ist das dasselbe wie PageSpeed Insights?
Es nutzt dieselbe Google-API und fügt eine E-Commerce-Perspektive hinzu: Bildgewicht-Auswertung, Struktur-Prüfungen und eine Händler-Checkliste in einer Ansicht.
Warum ist mein Audit fehlgeschlagen?
Die URL muss öffentlich erreichbar sein. Die geteilte API begrenzt außerdem die Anzahl der Anfragen — wenn Sie einen 429 erhalten, warten Sie eine Minute und versuchen es erneut.
Welchen Wert sollte ich anstreben?
90+ im grünen Bereich ist ideal; auf Mobilgeräten schlägt 70+ mit gutem LCP (<2,5 s) bereits die meisten Shops. Achten Sie auf die Zeile mit den Bild-Einsparungen — sie ist meist der günstigste Gewinn.
Prüft es die Bilder meiner Seite?
Es meldet das gesamte potenzielle Einsparpotenzial durch optimierte/moderne/responsive Bilder — anschließend können Sie sie mit der Komprimierung und dem Konverter direkt auf dieser Seite beheben.
Woher stammt der Wert genau?
Es ist ein echter Google-Lighthouse-Durchlauf über die PageSpeed-Insights-API, dieselbe Engine hinter Googles eigenem PageSpeed-Bericht. Sie erhalten Werte für Performance, Barrierefreiheit, SEO und Best Practices sowie die Core Web Vitals.
Welche Core Web Vitals meldet es?
Es meldet LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), TBT (Total Blocking Time) und FCP (First Contentful Paint) – die Kennzahlen, die Google für das Seitenerlebnis gewichtet.
Brauche ich einen Google-API-Schlüssel, um es zu nutzen?
Nein. Es funktioniert sofort auf einem gemeinsamen Kontingent. Das optionale API-Schlüssel-Feld ist nur da, wenn Sie viele Tests ausführen und die gemeinsamen Ratenlimits vermeiden möchten; der Schlüssel wird in Ihrem Browser gespeichert und nie anderswohin gesendet.
Kann ich jede Website testen oder nur meine eigene?
Jede öffentlich erreichbare URL funktioniert, sodass Sie Ihre eigenen Seiten auditieren oder eine Wettbewerberseite benchmarken können. Seiten hinter einem Login oder einer Firewall kann der PageSpeed-Dienst nicht erreichen.
Warum weicht ein Wert von einem Durchlauf in den Browser-DevTools ab?
Die PageSpeed-Insights-API testet aus Googles Umgebung mit eigenem Netzwerk- und Geräteprofil, daher können die Zahlen von einem lokalen DevTools-Lighthouse-Durchlauf auf Ihrem Rechner und Ihrer Verbindung abweichen.
Was fügt die E-Commerce-Checkliste über Lighthouse hinaus hinzu?
Es ist eine handgebaute Liste von Konversionsfaktoren, die Lighthouse nicht bewertet: Klarheit des Call-to-Action, Vertrauenssignale, mobiles Verhalten und Schema-Markup, damit Sie die Verkaufsbereitschaft prüfen, nicht nur die technische Geschwindigkeit.

Verwandte Werkzeuge

Ratgeber & Tipps