Laden und Ausführen prüfenBlockierende Arbeit findenInteraktionen nachprüfen
Von Marco Nötzold2 Minuten LesezeitRatgeber
Die stockende Handlung aufzeichnen
Wählen Sie einen konkreten Ablauf, etwa das Öffnen der mobilen Navigation oder das Filtern einer Produktliste. Zeichnen Sie diesen in den Performance-Werkzeugen des Browsers auf. Halten Sie Gerät oder Simulation, Verbindung und Einwilligungszustand fest.
Suchen Sie nach auffälligen Arbeitsphasen rund um den Klick. Unterscheiden Sie das Warten auf eine Antwort vom Server von der Verarbeitung im Browser. Eine Netzwerkoptimierung behebt keine aufwendige Berechnung, die erst nach dem Download beginnt.
Code nach tatsächlichem Bedarf laden
Ordnen Sie Skripte ihren Funktionen zu. Ein Formularskript auf jeder Seite oder mehrere Einbindungen desselben externen Dienstes sind gute Prüfgegenstände. Reduzieren Sie Einbindungen an ihrer Quelle und erhalten Sie nötige Abhängigkeiten.
Coverage kann bei der Suche helfen, zeigt aber nur die Nutzung während Ihrer Aufzeichnung. Durchlaufen Sie auch Fehlerzustände und nachgeladene Inhalte. Sichern Sie die Website vor Änderungen und arbeiten Sie bei Eingriffen in Theme oder Erweiterungen zuerst auf einer Testkopie.
Ausführung und Abhängigkeiten beachten
Verzögertes oder asynchrones Laden muss zur Ausführungsreihenfolge passen. Pauschale Einstellungen eines Optimierungsplugins können dazu führen, dass abhängiger Code zu früh startet oder eine Schaltfläche erst nach dem ersten Klick initialisiert wird.
Bei eigenem Code können lange Aufgaben in kleinere Schritte aufgeteilt werden. Wichtig ist, dass der Browser zwischendurch Eingaben und Darstellung bearbeiten kann. Ob diese Änderung hilft, zeigt die erneute Aufzeichnung des zuvor stockenden Ablaufs.
Ändern Sie nur eine Lade- oder Ausführungsregel gleichzeitig.
Prüfen Sie Browserkonsole und sichtbare Reaktion unmittelbar nach dem Aufruf.
Testen Sie Formulare, Suchfunktion und bei Shops Varianten, Warenkorb sowie einen vereinbarten Testkauf.
Interaktion statt nur Gesamtscore prüfen
Vergleichen Sie Downloadumfang, lange Aufgaben und Reaktion auf denselben Bedienablauf. Wiederholen Sie den Test mit gedrosselter Rechenleistung und auf einem echten Mobilgerät, wenn verfügbar.
Eine geringere Total Blocking Time im Labortest ist ein Diagnosehinweis, aber kein gemessener INP aller Besucher. Halten Sie diese Grenze fest. Behalten Sie Änderungen nur bei, wenn die Funktion vollständig erhalten bleibt und der beobachtete Engpass nachvollziehbar kleiner wird.
Häufige Fragen
Soll ich sämtliches JavaScript verzögern?
Nein. Einige Funktionen müssen unmittelbar bereitstehen oder sind voneinander abhängig. Entscheiden Sie anhand der konkreten Funktion und prüfen Sie die Reihenfolge.
Beweist ein guter Laborscore schnelle Interaktionen?
Nein. Dafür müssen relevante Bedienabläufe untersucht werden. Felddaten ergänzen diese Prüfung um tatsächliche Nutzungserfahrungen.
