[JS] Image load priority

[Verwijderd]

De prioriteit van laden binnen een HTML document kan zeer eenvoudig door ze in de juiste volgorde in layers (<div>) te plaatsen. De browser vuurt echter wel al de request naar de server voor afbeelding 2, ongeacht of afbeelding 1 al helemaal is ingeladen.

Op welke manier kan ik ervoor zorgen dat de browser het request voor ophalen van afbeelding 2 pas verstuurt als de vorige afbeelding hélemaal is ingeladen?

[Verwijderd]

Je kunt een ketting maken.

Als image 1 is geladen, zet je image 2 in het DOM.
Als image 2 is geladen, zet je image 3 in het DOM.
Als image 3 is geladen, zet je image 4 in het DOM.

De onLoad event handler helpt je daarbij.

[ Voor 10% gewijzigd door Verwijderd op 19-01-2008 15:23 ]

[kunnen]

Verwijderd schreef op zaterdag 19 januari 2008 @ 15:23:
Je kunt een ketting maken.

Als image 1 is geladen, zet je image 2 in het DOM.
Als image 2 is geladen, zet je image 3 in het DOM.
Als image 3 is geladen, zet je image 4 in het DOM.

De onLoad event handler helpt je daarbij.

Vergeet dan niet om ook de onError van de images te handlen, anders kan bij een toevallige fout je hele pagina stoppen met werken omdat de rest van de images niet opgehaald worden.

[Verwijderd]

Verwijderd schreef op zaterdag 19 januari 2008 @ 15:11:
Op welke manier kan ik ervoor zorgen dat de browser het request voor ophalen van afbeelding 2 pas verstuurt als de vorige afbeelding hélemaal is ingeladen?

Dat kan inderdaad met JavaScript, zoals al eerder gezegd. Maar waarom wil je dit eigenlijk? Het klinkt eerlijk gezegd alsof je het verkeerde probleem aan het oplossen bent.

De prioriteit van laden binnen een HTML document kan zeer eenvoudig door ze in de juiste volgorde in layers (<div>) te plaatsen.

Het maakt niet uit in wat voor element de images staan, hoor. DIV of geen DIV, de volgorde in de DOM bepaalt de laadvolgorde.

[Bosmonster]

Verwijderd schreef op zaterdag 19 januari 2008 @ 18:14:
[...]


Het maakt niet uit in wat voor element de images staan, hoor. DIV of geen DIV, de volgorde in de DOM bepaalt de laadvolgorde.

Volgens mij geven moderne browsers voorkeur aan afbeeldingen die (zichtbaar) in de viewport staan, ongeacht de plaats in de DOM.

Echt veel controle kun je er niet op uitoefenen, behalve dat je ze natuurlijk 1 voor 1 in kunt laden. Maar daar verlies je weer een hoop snelheid mee.