L'ajout de la largeur et de la hauteur aux images en ligne augmente-t-il les performances de chargement de la page?L'ajout de la largeur et de la hauteur aux images en ligne augmente-t-il les performances de chargement de la page?
<img id="moon" height="200" width="450"
src="http://www.domain.com/moon.png" alt="moon image" />
Comparer ce
<img id="moon" src="http://www.domain.com/moon.png" alt="moon image" />
je ne pense pas que cela fera la charge plus rapide des pages, mais il vous aidera à rendre loin correctement la page droite, parce que le navigateur connaît les dimensions de la images pour mettre en page correctement la page avant de devoir aller chercher l'image
Oui. De nombreux navigateurs vont commencer le rendu alors que les choses sont encore en cours de téléchargement. S'ils n'ont pas de taille ou si les tailles sont fausses, ils utilisent un support de place. Une fois les tailles connues, le rendu est redémarré depuis le début.
Si vous spécifiez les tailles correctes, vous n'aurez peut-être plus besoin de redémarrer le rendu. Cela économise le processeur du côté client et permet au rendu initial de durer. Cela améliore le temps de rendu pour le client.
Lorsque la page est chargée et que la taille de l'image est déjà définie (c'est-à-dire que vous avez utilisé les balises de hauteur et de largeur), le navigateur sait où tout se trouvera avant le chargement des images. Sinon, la page doit attendre et charger les images avant le texte. Il en va de même pour les tableaux, alors essayez d'utiliser des balises de largeur lorsque c'est possible sur celles-ci pour une page plus rapide. http://www.webweaver.nu/html-tips/load-time.shtml –
@bumberbox - mais google conseille cette page http://code.google.com/speed/page-speed/docs/rendering. html # SpecifyImageDimensions –