Diff das Bundle, statt zu raten. Lass einen Bundle-Analyzer über den Commit davor und danach laufen und such nach einer neuen Dependency, einer doppelten Version einer bestehenden oder einem Barrel-Import, der eine ganze Library mitzieht. Fix mit einer leichteren Dependency, tiefen Imports oder einem dynamischen Import, wenn der Code beim ersten Paint nicht gebraucht wird. Danach ein Size Budget in die CI, damit es nicht wieder leise passiert.
Warum Interviewer das fragen
Der Interviewer will einen Debugging-Prozess, keine Liste von Optimierungstipps. Er prüft, ob du Größe einem konkreten Modul zuordnen kannst, ob du die üblichen Ursachen wie doppelte transitive Versionen und Barrel-Dateien mit Seiteneffekten benennen kannst und, entscheidend, ob du den Kreis mit Automatisierung schließt. Am CI-Budget zu enden ist der Unterschied zwischen einem Fix und einer Gewohnheit.
So baust du deine Antwort auf
- Miss und diffe die zwei Builds, bevor du irgendetwas vorschlägst.
- Nenn die wahrscheinlichen Ursachen der Reihe nach und wie du jede bestätigst.
- Gib den Fix, der zur Ursache passt, nicht einen generischen.
- Ergänz ein CI-Size-Budget, damit Regressionen schon im Review auffallen.
Beispielantwort
Zuerst hole ich mir Fakten. Ich baue den vorherigen und den aktuellen Commit und lasse einen Analyzer über beide laufen, damit ich auf das exakte Modul zeigen kann, das gewachsen ist, statt darüber zu diskutieren. Meistens ist es eins von drei Dingen. Jemand hat für eine einzige Funktion eine schwere Dependency dazugenommen, eine Datums- oder Utility-Library ist der Klassiker. Oder wir liefern jetzt zwei Versionen desselben Pakets aus, weil eine transitive Dependency eine andere gepinnt hat, was der Analyzer als doppelte Chunks zeigt. Oder eine index-Datei re-exportiert alles und Tree Shaking hat aufgegeben, weil das Paket nicht als seiteneffektfrei markiert ist. Der Fix folgt der Ursache: eine leichtere Dependency oder das Plattform-Äquivalent einsetzen, die Version deduplizieren oder den konkreten Modulpfad importieren. Wird der Code wirklich gebraucht, aber nicht beim ersten Paint, etwa ein Rich-Text-Editor oder eine Charting-Library, wird daraus ein dynamischer Import hinter der Interaktion, die ihn braucht. Danach hänge ich ein Size Budget in die CI, das den Pull Request bei so einem Sprung rot macht, denn sonst passiert es nächstes Quartal einfach wieder.
Steht dieses Vorstellungsgespräch bald an? GhostPilot hört bei deinem Live-Call mit, erkennt die Frage in dem Moment, in dem sie gestellt wird, und bringt dir eine strukturierte Antwort in Echtzeit auf den Bildschirm. Probier es im nächsten Mock aus, oder hol dir einen $29 Session Pass, kein Abo, für den Ernstfall.
So funktioniert esNachfragen, mit denen du rechnen solltest
- Wie fändest du heraus, welche Dependency die doppelte Version reingezogen hat?
- Wo würdest du die Schwelle fürs Size Budget setzen und für welche Entry Points?
- Wie wirkt Code Splitting mit deiner Caching-Strategie zusammen?
Weitere Fragen für React-Entwickler
Dein Interviewer stellt seine eigene Version davon. Kopier deine echte Stellenbeschreibung in den kostenlosen Question Predictor und bekomm die 20 Fragen, die diese Rolle am wahrscheinlichsten stellt, samt dem, worauf jede wirklich abzielt.
Meine Fragen vorhersagen