Ich saß vor zwei Jahren in einem Meeting mit einem CTO, der kurz davor war, ein prestigeträchtiges Projekt gegen die Wand zu fahren. Sein Team hatte Wochen damit verbracht, ein Dashboard für den Export von riesigen CSV-Datensätzen zu bauen. Die Entwickler dachten, sie hätten den Dreh raus, wie man Download A File In Javascript implementiert. Sie nutzten die Standardmethode: Daten im Speicher sammeln, ein Blob-Objekt erstellen, eine URL erzeugen und ein verstecktes Link-Element anklicken. In der Theorie klang das super. In der Praxis stürzte der Browser bei jedem Kunden ab, der versuchte, mehr als 500 Megabyte zu exportieren. Der Browser-Tab fror ein, der Arbeitsspeicher des Rechners schoss in die Höhe und am Ende sah der Nutzer nur eine Fehlermeldung oder gar nichts. Das kostete die Firma nicht nur wertvolle Zeit, sondern auch einen fünfstelligen Betrag für die Nachbesserung unter extremem Zeitdruck, weil die Verträge bereits unterschrieben waren.
Der Speicher-Irrtum und das Ende der Blobs
Der am weitesten verbreitete Fehler ist der Glaube, dass der Arbeitsspeicher des Nutzers unendlich groß ist. Wenn du ein Blob-Objekt erstellst, um Daten herunterzuladen, hältst du diese Daten komplett im RAM des Browsers. Bei einer kleinen JSON-Datei von 10 Kilobyte merkt das niemand. Aber versuch das mal mit einem Videofilm oder einer komplexen Datenbank-Sicherung. Dieser verwandte Beitrag könnte Sie auch ansprechen: owl labs meeting owl 3.
In meiner Erfahrung unterschätzen Entwickler die Speicherlimits der V8-Engine oder anderer Browser-Engines massiv. Ein Browser ist kein Betriebssystem; er bekommt vom System nur ein gewisses Budget zugewiesen. Wenn du versuchst, 2 Gigabyte Daten in eine Variable zu packen, nur um daraus einen Download-Link zu generieren, wird der Browser den Prozess einfach terminieren. Das ist kein Bug im Browser, das ist ein Schutzmechanismus.
Die Lösung ist nicht, den Speicher zu erhöhen, sondern das Streaming zu verstehen. Anstatt alles auf einmal in den Speicher zu laden, musst du die Daten Stück für Stück verarbeiten. Wenn die Daten vom Server kommen, sollten sie direkt zum Dateisystem des Nutzers durchgereicht werden, ohne jemals komplett im RAM deiner Web-App zwischengelandet zu sein. Wer das ignoriert, baut Software, die nur unter Laborbedingungen funktioniert. Wie berichtet in jüngsten Analysen von Heise, sind die Konsequenzen bedeutend.
Warum die einfache Anchor-Tag-Lösung oft eine Falle ist
Fast jeder fängt damit an: Ein `
