Anfängerfrage: Bilder vorladen?

[Marlene]

Hallo,

ich habe auf meiner Seite eine Galerie eingebaut. Obwohl ich aus den anzuzeigenden Bildern Thumbnails erzeugt habe, deren Grösse um die 2kb beträgt, ist die Warte- bzw. Ladezeit nicht unerheblich.

Jetzt habe ich davon gehört, dass man zu diesem Zweck Bilder "vorladen" kann. Kann mir bitte jemand erklären, wie das funktioniert?

Danke

Marlene

[Sven Rautenberg]

Moin!

Jetzt habe ich davon gehört, dass man zu diesem Zweck Bilder "vorladen" kann. Kann mir bitte jemand erklären, wie das funktioniert?

Du verlagerst die Wartezeit von "etwas warten, wenn ein konkretes Bild angezeigt werden muß" auf "ganz lange warten, damit die erste Seite überhaupt angezeigt wird".

Dem Benutzer hingegen bringt es ziemlich wenig. Er lädt genausoviele Daten herunter. Nein, falsch! Er lädt deutlich mehr Daten herunter, denn es werden ja ALLE Bilder vorgeladen, nicht nur die, die er wirklich anschaut. Das wirkt sich dann auch auf deinen Trafficverbrauch aus, der möglicherweise begrenzt ist.

Ich möchte dir raten: Optimiere deine Bilder hinsichtlich ihrer Datenmenge auf das erträgliche Minimum. Und wenn eine Seite zu lange benötigt, weil sehr viele Bilder zu laden sind, dann teile diese Seite eventuell auf in mehrere Seiten. Alles andere bringt dir im Prinzip nichts, zumindest nicht bei einer Bildergalerie.

- Sven Rautenberg

[Marlene]

Hallo Sven,

leuchtet ein,
gibt es einen vernünftigen Anhaltspunkt, was "erträglich"?
Also hinsichtlich Anzahl der vorzuladenden Bilder, maximale Grösse je Bild etc.

Danke

Marlene

[Sven Rautenberg]

Moin!

leuchtet ein,
gibt es einen vernünftigen Anhaltspunkt, was "erträglich"?
Also hinsichtlich Anzahl der vorzuladenden Bilder, maximale Grösse je Bild etc.

Das Gefühl eines Besuchers. Nur das ist relevant. Und das wird abhängen von der sonst von diesem Besucher gefühlten Internetgeschwindigkeit. Also auch von dessen Zugangsgeschwindigkeit ins Netz (Modem oder DSL).

Aber um mal griffige Schlagworte bzw. Schlagzahlen in die Runde zu werfen: Wenn alle Seitenelemente zusammen 100 KB umfassen, ist die Seite tendentiell als eher klein zu bezeichnen (normale Content-Seiten sollten diese Größe nicht unbedingt überschreiten), auf eine Galerie-Übersichtsseite wartet man aber grundsätzlich gerne etwas länger - schließlich weiß man, dass mehr Bilder zu laden sind, und das dauert eben.

Schätze trotzdem, dass anzustreben ist, die Übersicht nicht wesentlich größer als 250 bis 400 KB werden zu lassen.

Entscheidend, aber wohl kaum zu beeinflussen, ist hierbei auch die Anzahl der zu ladenden Bilder. Jeder Vorgang erfordert allein durch die Anforderung vom Server Zeit, die vergeht, ohne dass auch nur die geringste Menge an Nutzdaten übertragen wird.

- Sven Rautenberg

[rob]

Hi!

Ich möchte dir raten: Optimiere deine Bilder hinsichtlich ihrer Datenmenge auf das erträgliche Minimum.

Dem kann man eigentlich nichts mehr hinzufügen...

Wenn es dann aber um die Wartezeit beim Laden geht, kann man da noch ein wenig verbessern.
Je nach verwendetem Format ist es auch möglich, die Bilder "progressiv" bzw. "interlaced" zu speichern.
Ein Bild wird damit zwar nicht schneller geladen, aber damit baut sich das Bild dann langsam auf.
Man muß nicht erst warten, bis das Bild komplett geladen ist bis es angezeigt wird.

Schöner Gruß,
rob

[Gunnar Bittersmann]

Hello out there!

Jetzt habe ich davon gehört, dass man zu diesem Zweck Bilder "vorladen" kann. Kann mir bitte jemand erklären, wie das funktioniert?

Ich glaube, du suchst "prefetching".

See ya up the road,
Gunnar

[Schuer]

Jetzt habe ich davon gehört, dass man zu diesem Zweck Bilder "vorladen" kann. Kann mir bitte jemand erklären, wie das funktioniert?

Nur noch als technische Ergänzung zu dem, was Sven bereits konzeptionell zum Thema gesagt hat. Zwei Ansätze, wie du Bilder vorladen könntest:

1. per Javascript
z.B. so: bild = new Image(); bild.src = "mein-bild.jpg";

2. als nicht sichtbares 1px-Bild im HTML
z.B. so: <img style="width:1px; height:1px; visibility:hidden;" src="mein-bild.jpg" alt="" />

Viele Grüße!
_ds