React · Senior · Frage 20 von 75
Wie findet man am genauesten heraus, welche Komponenten bei einer Interaktion langsam sind?
- 1Im Production-Build in jeder Komponente
console.timeloggen - 2Ein Profil im Profiler und im Performance-Panel aufzeichnen
- 3Alle Komponenten in
memopacken und schauen, ob es schneller wird
Antwort zeigen
Richtige Antwort: Ein Profil im Profiler und im Performance-Panel aufzeichnen
Erklärung
Der Profiler zeigt, welche Komponenten gerendert haben, wie lange es dauerte und warum (aktiviere „Record why each component rendered“). Das Performance-Panel zeigt lange Tasks, Layout und Paint. Blindes Optimieren führt zu unnötiger Komplexität. Für Metriken im Code gibt es <Profiler onRender>.