Il y a en fait deux temps différents de chargement d'une page WEB : le temps 'réel' que mettent tous les éléments (texte, dessin,...) de la page à être téléchargés et le temps 'subjectif', celui pendant lequel le surfer attend devant une page blanche. Cette entrée traite uniquement de la diminution du temps subjectif.

La première chose à faire est de mettre systématiquement les trois attributs ci-dessous dans vos balises <img...> :

    width="..."
    height="..."
    alt="..."

Les deux premiers doivent contenir la taille en pixels de l'image qui va être affichée. Il faut mettre le nombre exact sinon il y aura des déformations de l'image. Ils permettent au browser de réserver la place pour l'image, alors même qu'elle n'est pas téléchargée. Ainsi, dès que le texte est chargé, la page peut être présentée, avec les images en cours de téléchargement vides.

Le surfeur peut ainsi commencer à lire le texte pendant le chargement des images, il a l'impression de moins attendre. Si votre page contient beaucoup d'images, concevez votre texte en fonction de ce temps d'attente.

Le dernier attribut permet d'afficher, pendant le temps de chargement de l'image, un texte qui décrit l'image en cours de téléchargement. Des surfeurs demandent explicitement à leur browser de ne pas charger les images. En fonction du texte affiché, ils décident de demander explicitement le téléchargement de l'image ou non. Pour les autres surfeurs, cela peut les aider à déterminer s'ils doivent attendre la fin du chargement de l'image, ou s'ils peuvent continuer leur visite en suivant un lien.

Un autre phénomène ralentit l'affichage des pages, il s'agit des tables. Le browser est obligé d'attendre la fin complète de la lecture de la table avant de pouvoir l'afficher. Il est donc conseiller de préférer plusieurs tables plus petites plutôt qu'une grande table.

Il ne faut pas confondre le texte de l'attribut "alt" qui s'affiche pendant le chargement d'une page avec le texte de l'attribut "title" qui s'affiche lorsque la souris survole le texte.