Grafiken sollen erst nach Seitenaufruf geladen werden!

[themaster3000]

Hallo,

unsere Seiten umfassen mitlerweile knapp 1 MB an Bildmaterial. Die Seite wird bei einem Erstbesucher erst nach 7 Sek Ladezeit aufgerufen. Google stuft die Seite in den Suchergebnissen zurück.

Frage nun, ob bzw. welche der folgenden Modelle realisierbar wäre um die Grafiken erst nach Seitenaufruf laden zu lassen bzw. auch Google einen schnellen Seitenaufruf zu vermitteln):

1. Mit Seitenaufruf werden zunächst nur die Grafiken geladen, welche zur Darstellung im Browserfenster des jeweiligen Surfers relevant sind. Erst wenn der Surfer scrollt (bzw. das Browserfenster neue Stellen innerhalb der Seite erreicht) werden die nicht geladenen Grafiken "sofort" oder "nach und nach" geladen. (Amazon hat das u.a. bereits realisieren können).

2. Grafiken werden zeitverzögert geladen. Erst 5 Sekunden nach "vollständigen Seitenaufruf" werden die unteren Grafiken geladen.

3. Die Grafiken werden zunächst nicht geladen. Sobald der Nutzer eine unsichtbare Schwelle im Browser passiert (z.B. einen unsichtbaren Balken im unteren Drittel im Bildschirmrand) werden die Bilder geladen!

Über kurzen Feedback würde ich mich freuen.

[schollsen]

LazyLoad wäre für normale Nutzer eine Lösung.
Da Google aber kein Javascript rendert, bringts wohl nicht ganz soviel.

Startseite entschlacken wäre wohl das beste.

[the0bone]

Da Google aber kein Javascript rendert, bringts wohl nicht ganz soviel.

Na genau das ist doch die Lösung!
Content über JavaScript rewriten.

Idee:
Die Seite im Quellcode mit einer ganz schlechten Auflösung der Bilder schreiben und so massiv die Grösse drücken.
Und dann mit JavaScript bzw. jquery nach dem Laden der Seite "$(document).ready(function(){ ... " die Scr der Bilder umschreiben und die besseren laden.

So hat Google seinen Content und deine User auch.

Andere Möglichkeit:
Mit Thumbnails arbeiten und diese auch sehr klein halten und mit einer Lightbox oder Clearbox oder so die grossen Bilder anzeigen.

[the0bone]

1. Mit Seitenaufruf werden zunächst nur die Grafiken geladen, welche zur Darstellung im Browserfenster des jeweiligen Surfers relevant sind. Erst wenn der Surfer scrollt (bzw. das Browserfenster neue Stellen innerhalb der Seite erreicht) werden die nicht geladenen Grafiken "sofort" oder "nach und nach" geladen. (Amazon hat das u.a. bereits realisieren können).

Das findest du hier: http://code.google.com/p/jquery-images-ondemand/

[schollsen]

Das findest du hier: http://code.google.com/p/jquery-images-ondemand/

Na genau das ist doch die Lösung!
Content über JavaScript rewriten.

Fällt Dir was auf?!

Denken. Denken. Posten!