Sönke Tesch: animiertes Symbol während längerer Ladezeiten

Beitrag lesen

ich habe auf meinen Seiten (www.bertram.kulturserver.de/)einen Bereich mit etwas längeren Ladezeiten. Damit der Besucher meiner Seiten weiss, dass da gleich noch etwas kommt, möchte ich den Status des Ladevorganges sichtbar machen, z.B. durch einen Balken oder eine Uhr o.ä. mit einem Kommentar.

Nun, du kannst es dir ganz einfach machen, tricksen und eine GIF-Animation mit einem sich füllenden Balken auf die Seite (oder eine vorgeschaltete Seite) pappen. Die Animation steht zwar in keinem Verhältnis zum Ladevorgang, aber "es bewegt sich was" - der Effekt ist IMHO durchaus brauchbar. Aber als "elegant" würde ich das nicht bezeichnen :)

Grundsätzlich ist so etwas nicht oder nur sehr schwer durchführbar, weil du im Browser keinerlei Möglichkeit hast, vernünftig den Ladezustand eines Objektes abzufragen.
Es hängt deshalb wesentlich davon ab, was da solange braucht.

Lange Seiten (also viel HTML-Text) kannst du mit gzip komprimieren, die Seite besser aufteilen (auf mehrere Unterseiten) oder die Seite so schreiben, daß der Browser ein Chance hat, den bereits übertragenen Teil schon darzustellen (auf Layouttabellen verzichten, besser CSS benutzen).
Grafiken werden ebenfalls meist schon beim Laden angezeigt. Wenn du beim <img> noch die Größe angibst, kann der Browser schonmal Platz reservieren und die Elemente drumherum darstellen.
Bei allen großen Objekten sollte man vorher, also auf der Seite, wo der Verweis auf dieses Objekt steht, auf die Größe hinweisen. Dann weiß der Leser Bescheid und kann sich vorher entscheiden: Die Ungeduldigen lassen es, die Interessierten können weiterklicken und warten dann sicher auch gerne einen Augenblick.

Davon abgesehen haben die meisten Browser selber eine mehr oder weniger aussagekräftige Anzeige, ob sie noch laden, wieviel sie geladen haben und was eventuell noch kommt.
Windows hat unten rechts (meistens) zudem seine DFÜ-Anzeige, auch an der sieht man, ob sich noch was tut.

Gruß,
  soenk.e