Préchargement d'une quantité énorme d'images

Question

J'essaie de faire une précharge parallèle des images en utilisant la logique implémentée sur le lien ci-dessous.

http://blog.lieldulev.com/2010/05/21/parallel-image-preloading-in-js/

J'ai une énorme quantité d'images, actuellement plus de 350 images avec une moyenne de taille de fichier 50Ko chacun, pour un montant total de 20 Mo d'images im essayant de précharger. J'ai besoin des images pour le dessin de toile. En utilisant la logique ci-dessus de téléchargement parallèle, j'ai des problèmes de navigateur en attente de 2 minutes pour terminer le chargement de la page entière. parfois, il arrête le script. Par ailleurs, 20 Mo d'images représentent actuellement la quantité d'images la plus prudente à ce jour. un certain nombre d'images dont j'ai besoin pour précharger mon aller jusqu'à 80MB !!

Est-il même pratique de précharger une telle quantité d'images? Et si j'ai besoin de précharger, Quelle est la meilleure approche à mon exigence? Dois-je faire non parallèle? Que diriez-vous de la précharge partielle?

Nous vous remercions à l'avance Marv

Answer 1

C'est un usecase parfait pour une demande MXHR (multipart XHR). Cela signifie qu'un serveur de script lit vos fichiers d'image, les décode en tant que chaîne base64 et diffuse ces images dans le navigateur. supplyJS^help utilise cette technique, mais actuellement uniquement pour les fichiers de feuille de style javascript &. Quoi qu'il en soit, il est conçu assez modulaire, il ne devrait pas y avoir de problème pour étendre ses fonctionnalités pour tout type d'image dont vous avez besoin.

Si vous ne vous sentez pas d'humeur à le faire vous-même, ne vous inquiétez pas - je mettrai à jour le script pour le chargement de l'image les prochains jours.