Warum Lighthouse 90 unser Modul-Blocker ist

Jedes Modul auf diesem Marktplatz besteht ein Lighthouse Performance Budget, bevor es live geht. Die Zahl ist 90 auf Mobilgeräten, gemessen an einem Magento 2.4.6 plus Hyvä 1.3 Referenzshop mit dem installierten und aktiven Modul.

Wenn das Modul die Punktzahl unter 90 senkt, wird es nicht veröffentlicht. Wir senden es mit dem fehlerhaften Trace zurück an den Entwickler.

Warum diese Regel existiert

Im Jahr 2019 verbrachte das Team, das diesen Marktplatz betreibt, sechs Monate damit, eine Regression von 1,4 Sekunden LCP in einem Kunden-Shop zu verfolgen. Die Spur führte durch drei Drittanbieter-Module. Keines davon brach individuell Lighthouse, aber zusammen lieferten sie 240KB ungenutztes JavaScript und vier blockierende Netzwerk-Anfragen beim ersten Rendern.

Diese Arbeit war für uns abrechenbar. Dem Kunden ging es gut. Aber die Lektion blieb: Die meisten Modul-Kataloge betrachten die Leistung als ein Kundenproblem. Sie verkaufen Funktionen. Der Shop-Besitzer installiert fünf, die Konversion sinkt, und niemand weiß, welches Modul schuld ist.

Wir haben beschlossen, die Verantwortung umzukehren. Wenn ein Modul von uns versendet wird, darf es den Kunden keine messbare Leistung kosten.

Was das 90-Budget tatsächlich erfasst

Das Audit führt neun spezifische Prüfungen durch:

1. Gesamte Blockierungszeit unter 200ms. Lange Aufgaben während des ersten Renderns fallen hier schnell durch.
2. Largest Contentful Paint unter 2,5s. Modul-injizierte Hero-Bilder oder Widgets über der Falz, die nicht lazy-loaden, fallen hier durch.
3. Kumulative Layout-Verschiebung unter 0,1. Jedes Widget, das nach dem ersten Rendern ohne reservierten Platz erscheint, fällt durch.
4. Kein veraltetes JavaScript. Module, die mit Babel-targeted ES5 Polyfills für Browser, die niemand nutzt, ausgeliefert werden, werden markiert.
5. Kein ungenutztes CSS über 20KB. Bootstrap- oder Materialize-Rückstände werden erfasst.
6. Render-blockierende Ressourcen unter 600ms. Externe Schriftarten, synchronisierte Skripte, blockierende Stylesheets fallen alle durch.
7. Bildformate aktuell. PNG-Hero-Bilder, wenn WebP ausreichen würde, JPEG-Hero-Bilder, wenn AVIF ausreichen würde.
8. Keine render-blockierenden Drittanbieter-IFRAMES. Live-Chat-Widgets, die das Rendern blockieren, anstatt nach dem Rendern zu laden, fallen durch.
9. Serverantwort bleibt unter 600ms TTFB mit dem aktiven Backend-Code des Moduls.

Module können mit Cleverness, Code-Splitting, verzögertem Laden, serverseitigem Rendering bestehen. Das Budget belohnt die richtigen Verhaltensweisen, nicht spezifische Implementierungen.

Das Argument, das wir am häufigsten hören

Entwickler fragen manchmal, warum wir das Audit nicht einfach im echten Shop des Kunden anstelle eines Referenzshops durchführen. Vernünftige Frage.

Die Antwort ist, dass Kundenshops Rauschen haben. Fünf andere Drittanbieter-Module, benutzerdefinierter Code, ein benutzerdefiniertes Thema. Bis Sie den Beitrag des neuen Moduls isolieren, haben Sie eine Stunde investiert. Der Referenzshop bietet eine saubere Basislinie. Module bestehen oder fallen isoliert.

Wir führen auch ein sekundäres Audit bei einigen realen Shop-Konfigurationen vor der endgültigen Genehmigung durch, aber das Audit des Referenzshops ist das Tor.

Was das für Käufer bedeutet

Jede Modul-Seite zeigt die Lighthouse-Punktzahl, gegen die das Modul bestanden hat. Die Punktzahl, mit der das Modul beginnt, ist nicht unbedingt die Punktzahl, die Ihr Shop erreichen wird. Das hängt von allem ab, was Sie sonst noch installiert haben. Aber der Beitrag des Moduls ist begrenzt.

Wenn sich die Leistung eines Moduls nach einem Versionsupdate ändert, ersetzt die neue Punktzahl die alte auf der Seite. Sie können Regressionen erkennen, indem Sie die Versionshistorie lesen. Wir haben Module bei einem Rückgang von mehr als 2 Punkten zurückgezogen.

Die Disziplin kostet uns Funktionen. Wir lehnen Einreichungen ab, die sonst bezahlt würden. Der Tausch ist es wert: ein Katalog, in dem die Leistung jedes Moduls dokumentiert und begrenzt ist, ist ein Katalog, dem Käufer vertrauen können.