...da kommen 300 MB schonmal zusammen. Fürn FF auch kein Problem, 300 MB in einem JS-Objekt...

Problematisch wird es, wenn 170 Fotos (um mal eine Zahl zu nennen) auf einheitlich 200*150px gerendert werden sollen, da geht lange Zeit erstmal garnix mehr.

Gibt es da eine Optimierungsmöglichkeit?
Wie gesagt, ohne die Bilder zu Rendern kann nach dem Einfügen unverzüglich gescrollt werden, aber nur die Dateinamen, das sieht ein bischen nackig aus, da sollten schon die Thumbnails dran.

Heutige Lösung:
Die Bilder werden (nach dem Einlesen der Binaries) im 2-Sekunden-Takt über <canvas> auf Daumennagelgröße herunterscaliert und in den Browser gerendert.

Der Benutzer kann unverzüglich mit der Dateneingabe beginnen und es kann sogar gescrollt werden. Bei Bedarf können Bilder per Klick vorzeitig geladen werden, also unabhängig vom 2-Sekunden-Takt. Das Synchronisieren der Bilddaten mit dem Server erfolgt jedoch für jedes Bild einzeln.

Wer Lust und Laune hat, kann das mal ausprobieren.

Ideen zur Optimierung weiterhin willkommen!!!

Viele Grüße,
  Horst Leghorn