Zum Hauptinhalt springen

Ungenutztes JavaScript auf Event-Seiten finden und entfernen

Code kann beim ersten Laden ungenutzt wirken und erst bei Ticketwahl, Sprachwechsel oder Formular gebraucht werden. Prüfe den ganzen Besucherweg vor dem Entfernen. Hier geht es um eigene Seiten-Bundles.

Boletolibre-Redaktion

Veröffentlicht

Miss Code über mehrere Interaktionen und reduziere Last ohne Ticketwahl oder Anmeldung zu brechen.
Code kann beim ersten Laden ungenutzt wirken und erst bei Ticketwahl, Sprachwechsel oder Formular gebraucht werden. Prüfe den ganzen Besucherweg vor dem Entfernen. Hier geht es um eigene Seiten-Bundles.

Besucherzustände messen

Prüfe Start, Ticketwahl, Anmeldung und Navigation. Lighthouse meldet mögliche ungenutzte Bytes; Coverage erfasst ausgeführten Code. Zeichne Interaktionen weiter auf: ein nicht besuchter Zustand ist nicht automatisch toter Code.[1][2]

Vor Entfernung einordnen

Erfasse Datei, Komponente, Route, Eigentümer und Aufgabe. Ein altes Experiment kann weg; eine Interaktion könnte später geladen werden. Trenne eigene Bundles von Anbieter-Widgets.

Begrenzte Änderung vornehmen

Entferne nach Prüfung ungenutzte Imports oder teile Code nach Route/Komponente. Späteres Laden braucht einen verständlichen Zustand. Verzögere Kauf- und Formularfunktionen nicht unkontrolliert.[3]

Weg erneut prüfen

Vergleiche gleiche Bedingungen und protokolliere Bytes, Ausführung, Eventdaten, Preise, Formular und Sprache. Eine schnelle Startseite hilft nicht bei kaputtem Ticketkauf. Halte Rückweg fest.[2]

Untersuchungsprotokoll herunterladen (englisches Markdown)

Quellen und weiterführende Informationen

  1. Remove unused JavaScriptChrome Lighthouse · Abgerufen
  2. Coverage: Find unused JavaScript and CSSChrome DevTools · Abgerufen
  3. Reduce JavaScript payloads with code splittingweb.dev · Abgerufen