Seitenreport Seitenreport
Performance in WooCommerce

INP zu hoch in WooCommerce beheben

Die langsame Interaktion konkret benennen. In WooCommerce prüfen Sie dafür Produktinteraktion und dynamische Shop-Skripte.

Produktinteraktion und dynamische Shop-Skripte

Messen Sie besonders Variantenwahl, Galerie und Warenkorb-Aktion. Ordnen Sie Verzögerungen konkreten Shop-Erweiterungen zu, statt nur den ersten Seitenaufbau zu betrachten.

Untersuchen Sie die konkrete langsame Aktion, etwa Variantenwechsel oder Warenkorb. Shop-Plugins, Produktgalerie und zusätzliche Marketingtags können gleichzeitig Arbeit ausführen. HTML- oder Seiten-Caching allein erklärt diesen Engpass nicht.

Wo Sie die Einstellung in WooCommerce prüfen

Testen Sie ein einfaches Produkt neben einem variablen Produkt mit Galerie. Ordnen Sie die langsame Interaktion einem Varianten-, Galerie- oder Zusatzplugin zu. Entfernen Sie Shop-Skripte nicht pauschal: Warenkorb, Auswahl und Preisaktualisierung müssen nach der Änderung weiter funktionieren.

Beispiel für diesen konkreten Befund

Illustrativer Kontrollfall: Ein Klick auf den Variantenfilter wartet auf eine lange JavaScript-Aufgabe, bevor eine sichtbare Reaktion erscheint. Die Verzögerung betrifft eine konkrete Interaktion.

Nachprüfung in WooCommerce

Messung mit einer repräsentativen Variantenanzahl wiederholen. Nach Optimierungen Produktpreis, Lagerstatus und Hinzufügen zum Warenkorb prüfen; persönliche Shopzustände nicht pauschal öffentlich cachen.

Die problematische Interaktion im Performance-Trace wiederholen, lange Aufgaben aufteilen und unnötige Arbeit reduzieren. Danach dieselbe Interaktion erneut messen.

Ausnahmen und Geltungsbereich

INP ist keine reine Ladezeitkennzahl. Ein schneller erster Seitenaufbau schließt langsame spätere Bedienung nicht aus.

Bezug: WooCommerce auf WordPress. Block- und klassische Produkt-Templates sowie SEO-Erweiterungen können unterschiedliche Ausgabestellen besitzen.

Den allgemeinen Fehler einordnen

Definition, systemunabhängige Ursachen und weitere Korrekturbeispiele: Die langsame Interaktion konkret benennen

Dokumentation zur Konfiguration und zum Prüfsignal

web.dev: Ladeleistung und Interaktion untersuchen

Verwandte Performance-Fehler in WooCommerce