Comment hiérarchiser au mieux les requêtes HTTP sur une page Web?

Question

Je dois prioriser le téléchargement des images (dans mon cas). Pour ce faire, je préfèrerais utiliser une sorte de plugin (de préférence pour jQuery) qui me permet de le faire sans avoir à créer mon propre mécanisme de downloadqueue.

Considérons ce scénario:

Vous avez une page Web. Votre page Web est capable de montrer à un utilisateur donné trois images. Ces images ne sont affichées qu'une à la fois à la demande de l'utilisateur.

Vous voudriez alors idéalement charger les images de haut en bas jusqu'à ce que l'utilisateur fasse une sélection. Vous voudriez alors que sa sélection monte dans la file d'attente et devienne la suivante (avec chaque sélection qu'il fait).

Bien sûr, dans une page avec seulement trois images, ce n'est pas vraiment un problème, mais avec de plus en plus d'images, cela devient important. Je n'utilise actuellement que des images d'arrière-plan pour montrer des images et j'aimerais que cela continue ainsi.

Oh, et aussi, je voudrais qu'un "spinner.gif" s'affiche pendant le chargement d'une image.

Des suggestions?

Merci.

MISE À JOUR J'ai fini par faire mon propre système de mise en file basé sur ce point: http://jqueryfordesigners.com/image-loading/

Answer 1

En supposant que la page réelle aura beaucoup plus de trois images, jetez un oeil à this image Lazy Load Plugin. Il est basé sur ce qui est et ce qui n'est pas sous le pli, fonctionne séquentiellement à travers les images, et peut être configuré pour précharger dans X sous le pli pendant que vous faites défiler. Cela permet d'obtenir une image d'espace réservé, mais vous aurez peut-être besoin d'une réécriture si vous souhaitez que l'image d'arrière-plan soit exposée plutôt que de travailler sur des balises img réelles.

Answer 2

Voici un exemple de chargement «à la demande» ou défilement dans la vue. Bien que ne répondant pas directement à votre question, mais est fondamentalement similaire.

http://www.webresourcesdepot.com/dnspinger/

Essayez défilement vers le bas et la page chargée avec mon obtient contenu. Travaillera aussi pour les images. La ressource pour cette démonstration peut être trouvée à "Load Content While Scrolling With jQuery".