Zwei Fassungen dürfen gewollt sein, und die Startseite darf nicht warten

**Mehrfachfassungen lassen sich abhaken.** Zwei Dateien an einem Film sind
meist zwei Fassungen und völlig in Ordnung. In der Liste standen sie
trotzdem für immer: sie rechnet jedes Mal frisch, und es gab keinen Zustand.
Wer absichtlich zwei Fassungen hält, konnte die Gruppe nicht loswerden — und
unter den gewollten ging das Ungewollte unter.

Abgehakt wird eine Dateizahl, kein Zeitpunkt. Ein Zeitstempel müsste gegen
`MediaFile.ModifiedAt` verglichen werden, und eine alte Datei, frisch
hineinkopiert, behält ihre alte Zeit und käme nie wieder hoch. Die Anzahl
ist genau die Frage: kommt eine dritte Fassung dazu, meldet sich die Gruppe
von selbst zurück. Gerechnet wird sie auf dem Server — ein Client mit
veralteter Liste hakte sonst eine Gruppe mit zwei Dateien ab, die inzwischen
drei hat.

„Ignorierte zeigen" führt zurück, wie bei den erledigten Meldungen; ohne das
wäre das Abhaken unumkehrbar und niemand wüsste, was er weggeklickt hat.

**Die Startseite wartete dreimal nacheinander.** Erst die Serverauskunft,
dann Konto und Mediatheken, dann erst die Startseite — drei Rundreisen,
bevor das erste Bild in Auftrag ging. Liegt eine Sitzung im Speicher, laufen
die ersten beiden jetzt zugleich los. Nur dann: ohne Sitzung liefen
`/auth/me` und `/libraries` vor der Antwort auf `needsSetup` in ein 401, und
die Sitzungsprüfung kann daraufhin abmelden.

Gemessen am laufenden Server: `users/me`, `system/info` und `libraries`
starten alle bei 37 ms, die Startseitenabfragen folgen bei 73 ms. Vorher
lagen drei Runden dazwischen.

**Sieben Hintergrundbilder auf einmal waren sechs zu viel.** Jede Folie des
Aufmachers bekam sofort ihr `w1280`-Bild; sichtbar ist immer nur eine. Jetzt
lädt die sichtbare sofort und der Rest in der Leerlaufzeit — und wer
weiterschaltet, bevor das lief, bekommt sein Bild dann.

**Die Schrift kam von Google.** `display=swap` rettete den Text, nicht den
ersten Aufbau: ein Stylesheet blockiert das Zeichnen, und ein Heimserver
ohne Internet oder mit träger Namensauflösung wartete davor. Inter liegt
jetzt als zwei Dateien von zusammen sechzig Kilobyte im Projekt, variabel
für alle Schnitte, mit `unicode-range` getrennt nach latin und latin-ext.
Gemessen: null Anfragen an fonts.googleapis.com. Lizenztext liegt dabei.

**Und mein Untertitelvorrat bremste mit.** Er startete sofort beim
Hochfahren und las die ganze Mediathek — von derselben Platte, von der die
Startseite ihre Bilder holt. Jetzt beginnt er eine Minute später und stellt
zurück, solange eine Wiedergabe läuft. Die Datei bleibt dabei vorn in der
Reihe; verworfen wird nichts.

678 Tests grün, davon zwei neue.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/app/src/hero.ts

@@ -69,15 +69,41 @@ export function hero(
   const buehne = document.createElement('div');
   buehne.className = 'hero-buehne';
 
-  const folien = mitBild.map((e, i) => {
+  const folien = mitBild.map((_, i) => {
     const folie = document.createElement('div');
     folie.className = 'hero-folie' + (i === 0 ? ' an' : '');
-    folie.style.backgroundImage = `url("${bildAdresse(e.hintergrund)}")`;
     folie.setAttribute('aria-hidden', i === 0 ? 'false' : 'true');
     buehne.appendChild(folie);
     return folie;
   });
 
+  /** Hängt einer Folie ihr Bild an — und nur dieser, und nur einmal.
+   *
+   * **Sieben Bilder auf einmal waren sechs zu viel.** Hier wurde jeder
+   * Folie sofort ihr Hintergrundbild gesetzt; sichtbar ist aber immer nur
+   * eine, und es sind `w1280`-Bilder. Beim ersten Aufbau der Startseite
+   * gingen damit sieben grosse Abrufe gleichzeitig hinaus — über dieselbe
+   * Leitung, auf der auch die Plakate und die Reihen kommen. */
+  function bildAnhaengen(i: number): void {
+    const folie = folien[i];
+    const eintrag = mitBild[i];
+    if (!folie || !eintrag || folie.style.backgroundImage) return;
+    folie.style.backgroundImage = `url("${bildAdresse(eintrag.hintergrund)}")`;
+  }
+
+  bildAnhaengen(0);
+
+  // **Der Rest, sobald der Browser Luft hat.** Nicht erst beim
+  // Weiterschalten: dann sähe man beim ersten Wechsel einen leeren Kasten.
+  // `requestIdleCallback` kennt nicht jeder Browser — der Rückfall ist ein
+  // Zeitgeber, und eine Sekunde reicht für den ersten Aufbau.
+  const nachtragen = () => mitBild.forEach((_, i) => bildAnhaengen(i));
+  const leerlauf = (window as unknown as {
+    requestIdleCallback?: (f: () => void, o?: { timeout: number }) => void;
+  }).requestIdleCallback;
+  if (leerlauf) leerlauf(nachtragen, { timeout: 3000 });
+  else window.setTimeout(nachtragen, 1000);
+
   const inhalt = document.createElement('div');
   inhalt.className = 'hero-inhalt';
 
@@ -172,6 +198,9 @@ export function hero(
     jetzt = ((i % mitBild.length) + mitBild.length) % mitBild.length;
     const e = mitBild[jetzt]!;
 
+    // Wer weiterschaltet, bevor der Nachtrag lief, bekommt sein Bild jetzt.
+    bildAnhaengen(jetzt);
+
     folien.forEach((f, n) => {
       f.classList.toggle('an', n === jetzt);
       f.setAttribute('aria-hidden', n === jetzt ? 'false' : 'true');