Interviewfragen zu System Design (Middle) mit Antworten

75 Fragen fürs Vorstellungsgespräch zu System Design (Middle) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.

Diesen Test machen
  1. 1.Wie beginnt man richtig mit der Antwort auf eine Frontend-System-Design-Frage?
  2. 2.Warum ist Cursor-Paginierung für einen Feed besser als Offset-Paginierung?
  3. 3.Wie würdest du einen unendlichen Feed mit Tausenden Posts entwerfen?
  4. 4.Worauf kommt es beim Entwurf einer Autovervollständigung an?
  5. 5.Was ist der Hauptkompromiss von GraphQL gegenüber REST?
  6. 6.Was ist das N+1-Problem in GraphQL, und wie löst man es?
  7. 7.Wann passt tRPC gut?
  8. 8.Welche Caching-Ebenen gibt es zwischen Nutzer und Datenbank?
  9. 9.Wie sollte man JS- und CSS-Bundles cachen?
  10. 10.Was bewirkt Cache-Control: max-age=60, stale-while-revalidate=600?
  11. 11.Warum gilt Cache-Invalidierung als eines der schwierigsten Probleme?
  12. 12.Was ist der Hauptnachteil zustandsloser JWTs gegenüber serverseitigen Sitzungen?
  13. 13.Wo speichert man ein Sitzungs-Token im Browser sicherer?
  14. 14.Warum nutzt man ein Paar aus Access- und Refresh-Token?
  15. 15.Welcher OAuth-Flow wird für SPAs und Mobile-Apps empfohlen?
  16. 16.Wie unterscheidet sich OpenID Connect von OAuth 2.0?
  17. 17.Wie schützt man sich bei Cookie-basierter Authentifizierung vor CSRF?
  18. 18.Was nutzt man für Echtzeit-Benachrichtigungen, die nur vom Server kommen?
  19. 19.Was muss man bei der Wiederverbindung eines WebSocket behandeln?
  20. 20.Wie wiederholt man eine Zahlungsanfrage nach einem Netzwerkfehler sicher?
  21. 21.Warum ergänzt man exponentielles Retry-Backoff um zufälligen Jitter?
  22. 22.Wie organisiert man Datei-Uploads von Nutzern in einen Cloud-Speicher?
  23. 23.Wie lädt man Dateien mit mehreren Gigabyte zuverlässig hoch?
  24. 24.Wie behandelt man Konflikte, wenn zwei Nutzer denselben Datensatz bearbeiten?
  25. 25.Wie würdest du einen Offline-Modus für eine Notiz-App bauen?
  26. 26.Was macht eine App zur PWA?
  27. 27.Welche Rendering-Strategie passt zu einer Landingpage, einem Katalog und einem Nutzer-Dashboard?
  28. 28.Was ist am vollständigen Hydrieren einer großen Inhaltsseite problematisch?
  29. 29.Wie verfolgt man die Performance für echte Nutzer?
  30. 30.Wie beschleunigt man die Navigation zu der Seite, die der Nutzer wahrscheinlich als Nächstes öffnet?
  31. 31.Warum sind Fremdskripte (Analytics, Chats, Werbung) für die Performance gefährlich?
  32. 32.Wie unterscheidet sich ein Canary-Release von Blue-Green?
  33. 33.Wie schaltet man ein neues Feature schrittweise für 10 % der Nutzer frei?
  34. 34.Was sind Vor- und Nachteile eines Monorepos für mehrere Frontend-Apps?
  35. 35.Was ist die Grundlage eines skalierbaren Designsystems?
  36. 36.Wie sollte sich die UI verhalten, wenn ein Widget eines Dashboards ausfällt?
  37. 37.Warum reicht man eine Request-ID / Trace-ID vom Frontend bis zum Backend durch?
  38. 38.Wie funktioniert der Rate-Limiting-Algorithmus Token Bucket?
  39. 39.Wie zeigt man in einem kollaborativen Editor die Cursor anderer Teilnehmer, ohne das Netz zu überfluten?
  40. 40.Der Zähler ungelesener Nachrichten unterscheidet sich zwischen Tabs. Wie behebt man das?
  41. 41.Wie lädt man Übersetzungen in einer mehrsprachigen SPA, ohne das Bundle aufzublähen?
  42. 42.Welche HTTP-Sicherheitsheader sollte eine Web-App konfigurieren?
  43. 43.Wie sendet man Analytics-Ereignisse effizient?
  44. 44.Warum kann totalCount in jeder Listenantwort teuer sein?
  45. 45.Wie unterscheidet sich ein API Gateway von einem BFF?
  46. 46.Wie aktualisiert man den Client-Cache nach einer Mutation, damit der Nutzer die Änderungen sieht?
  47. 47.Was ist der Back/Forward Cache, und wie vermeidet man, ihn zu brechen?
  48. 48.Wie behandelt man ein Access-Token, das abläuft, während der Nutzer arbeitet?
  49. 49.Warum macht man die Suche in großen Katalogen auf dem Server statt per Filter auf dem Client?
  50. 50.Wie verwaltet man in einer SPA den Fokus beim Öffnen eines Modals?
  51. 51.Wie unterscheiden sich Cache-Control: no-cache und no-store?
  52. 52.Was bedeutet Cache-Control: private für ein CDN?
  53. 53.Wann sendet der Browser eine CORS-Preflight-Anfrage, und wie vermeidet man sie?
  54. 54.Was ändern Cookies mit SameSite=Lax und SameSite=Strict?
  55. 55.Was ist IDOR, und wie verhindert man es?
  56. 56.Wie unterscheidet sich PATCH von PUT?
  57. 57.Warum nutzt man ein Standardformat für Fehler wie RFC 9457 Problem Details?
  58. 58.Wie sollte ein Client auf 429 Too Many Requests mit Header Retry-After reagieren?
  59. 59.Was bringt <link rel="preconnect">?
  60. 60.Was ermöglicht 103 Early Hints?
  61. 61.Welche Caching-Strategie des Service Workers passt zu welcher Ressource?
  62. 62.Wobei hilft Background Sync in einer offlinefähigen App?
  63. 63.Wann sollte eine schwere Berechnung in einen Web Worker wandern?
  64. 64.Wie sollte eine globale App mit Datum und Uhrzeit umgehen?
  65. 65.Wie unterscheidet sich synthetisches Monitoring von Real User Monitoring (RUM)?
  66. 66.Wie unterscheiden sich SLI, SLO und SLA?
  67. 67.Eine Seite braucht Daten aus 6 Microservices. Was verringert die Gesprächigkeit für den Client?
  68. 68.Warum sollte ein Webhook-Endpunkt schnell antworten und das Ereignis asynchron verarbeiten?
  69. 69.Wie unterscheiden sich Liveness- und Readiness-Probes?
  70. 70.Was bringen Persisted Queries in GraphQL?
  71. 71.Wie kündigt man Nutzern von Screenreadern asynchrone Updates (z. B. „3 neue Nachrichten“) an?
  72. 72.Warum können Sticky Sessions an einem Load Balancer Probleme machen?
  73. 73.Wie sollte man Geheimnisse (API-Schlüssel, DB-Passwörter) beim Deployment verwalten?
  74. 74.Warum kann ein unbegrenztes GET /api/items (ohne Limit) zum Vorfall werden?
  75. 75.Was ist beim Entwurf eines großen mehrstufigen Formulars (Wizard) ein zentrales Frontend-Anliegen?