Viele Thumbnails schneller laden und darstellen

[TS]

Hallo Richard,

Seit einiger Zeit bin ich weg von Flickr und veröffentliche Photos stattdessen auf meiner eigenen Webseite https://jeena.net/photos

Das klappt auch wunderbar nur wächst die index Seite mit allen Thumbnails stetig an. Aktuell sind es 135 Thumbnails die beim ersten betreten der Seite geladen werden müssen. Die einzelnen Thumbnails sind schon relativ klein, um die 8kb, aber das absetzen von 135 HTTP requests ist wohl das was dauert, und zwar zur Zeit unglaubliche 10 Sekunden.

Die browser öffnen ja nicht 135 verbindungen parallell auf sondern nur ein paar und wenn die abgearbeitet sind kommen die nächsten und das dauert.

Die Thumbs haben durchaus Größen zwischen 20kB und 45kB. Das ist bei ca. 140 Stück kein Pappenstiel mehr. 4,5MByte wollen erst einmal übertragen werden. Bei der dargestellten Größe kannst Du durchaus auf unter 5kB pro Thumb kommen und dann hast Du nur noch 700kByte. Das liest sich dann schon besser. um die ca. 1s Latenzverlust (160 requests / 8 Connections * 50ms) wirst Du nicht herum kommen.

BTW: ich habe mir das gestern Abend als Erstaufruf auf einem Tablet per WLAN und DSL 25.000 angeschaut und das Laden ging angenehm und zumutbar schnell. Ich fand sogar, dass der leicht verzögerte Aufbau der Bildergalerie ein netter Effekt ist. Aller 50ms ein Bild würde auch genügen. Und von Aufruf zu Aufruf verwürfelt.

Aber ich würde zum Betrachten mit Mobile- bzw. Touch-Device einen kleinen Link in einer Ecke des Bildes anbringen, der den Begleittext öffnet, bis man ihn bewusst wieder schließt, oder das Bild lädt.

Grüße nach SE
TS