Malgré le développement de l’Internet haut débit, certaines illustrations lourdes ou
effets de menus complexes reposant sur des objets graphiques peinent toujours à
s’afficher. Précharger les images consiste à stocker les graphiques les plus volumineux
dans une zone mémoire dite « cache », de façon transparente, leur assurant ainsi une
réactivité immédiate.
Principe et utilité
Placer en mémoire cache, dès la page d’accueil du site, les images prenant place sur
les diverses pages susceptibles d’être visitées leur évitera le temps de latence dû à la
connexion, la requête, et leur chargement. C’est particulièrement utile pour les
images réagissant lorsqu’elles passent sous le pointeur de la souris (comme les boutons de menus). Généralement menée en JavaScript, cette technique devrait idéalement fonctionner en l’absence de cette technologie (sur les navigateurs ne la prenant
pas en charge ou chez les utilisateurs l’ayant désactivée). Nous aborderons ici deux
méthodes CSS pour anticiper le chargement des illustrations : la première les
masque, l’autre les « affiche » en dehors de la zone de visualisation.
Nous conclurons en nous penchant sur les conséquences de ces méthodes sur les visiteurs handicapés, sur les problèmes qu’elles posent dans les environnements ayant
désactivé CSS, et proposerons des solutions à ces situations particulières.
9
Précharger des images