Interviewfrage für Full-Stack-Entwickler

Unsere Marketing-Seite schneidet bei den Core Web Vitals schlecht ab. Wie würdest du das angehen?

Worauf der Interviewer abzielt, wie du deine Antwort aufbaust und ein gesprochenes Beispiel zum Anpassen.

Kurzantwort

Hol zuerst Felddaten, denn Laborwerte verbergen, was echte Nutzer auf echten Geräten erleben. LCP ist meist ein Hero-Image oder eine render-blockierende Font, preloade also das Bild, liefere moderne Formate aus und setz explizite Abmessungen. CLS kommt von Medien ohne Größenangabe und eingefügten Bannern. INP kommt von langen JavaScript-Tasks, splitte also Code, defer Third-Party-Scripts und reduzier Hydration-Arbeit. Miss nach jeder Änderung neu.

Warum Interviewer das fragen

Performance-Arbeit belohnt Disziplin mehr als Cleverness, und der Interviewer will sehen, dass du diagnostizierst, bevor du optimierst. Er hört auf die drei Metriken und ihre tatsächlichen Ursachen, auf den Unterschied zwischen Labor- und Felddaten und darauf, ob du Third-Party-Scripts angehst, denn dort verlieren die meisten Marketing-Seiten. Wer eine Messschleife benennt, wirkt wie jemand, der echte Verbesserungen ausgeliefert hat.

So baust du deine Antwort auf

  • Starte mit Felddaten statt mit einem Laborwert.
  • Ordne jeder Metrik ihre übliche Grundursache zu.
  • Nimm zuerst den Fix mit der größten Wirkung.
  • Schließ die Schleife, indem du neu misst und es in der CI absicherst.

Beispielantwort

Gesprochenes Beispiel, erste Person

Laborwerte bringen Leute dazu, das Falsche zu optimieren, ich starte deshalb mit Felddaten aus echten Sessions, aufgeteilt nach Gerät und Verbindung. Dann nehme ich jede Metrik der Reihe nach. LCP ist fast immer das Hero-Image oder eine Font, die das Rendern blockiert, ich preloade also das Bild, liefere AVIF oder WebP in der richtigen Größe aus und nutze font-display swap mit einem preconnect zum Font-Host. CLS sind meistens Bilder ohne width und height oder ein Cookie-Banner, der sich über der Falz einfügt, beides billig zu beheben, sobald man es weiß. INP ist das Harte, weil es heißt, dass der Main Thread beschäftigt ist, wenn jemand tippt. Da schaue ich auf lange Tasks, verschiebe Analytics und Chat-Widgets auf die Zeit nach der ersten Interaktion und streiche JavaScript, das nicht da sein muss. Auf einer Seite war der größte einzelne Gewinn, drei Marketing-Tags erst nach der ersten Interaktion zu laden, was LCP auf Mobile von etwa 4,1 Sekunden auf 1,9 gebracht hat. Danach setze ich ein Bundle-Größenbudget in die CI, damit es nicht zwei Sprints später leise zurückfällt.

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 es

Nachfragen, mit denen du rechnen solltest

  • Warum können Labor- und Feldzahlen so stark auseinandergehen?
  • Wie gehst du mit einem Third-Party-Tag um, auf dem das Marketing-Team besteht?
  • Wie würdest du ein Performance-Budget in der Pipeline durchsetzen?

Weitere Fragen für Full-Stack-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

Üb die harten Fragen, bevor sie gestellt werden

Trainier mit einem Live-Copiloten und geh dann vorbereitet rein. Ein $29 Session Pass bringt dich durch das Vorstellungsgespräch, ohne Abo und ohne Bindung.

GhostPilot holen