HTML : structurer le Web (école d'ingénieur) · Chapitre 4 · Application directe du cours
Le poids d'une page
Images et médias · niveau 3 (difficile)
Énoncé
Une page de catalogue affiche 60 couvertures de 200 × 300 pixels. Chaque fichier est une photo de 3 000 × 4 500 pixels, de 2,5 Mo.
- Quel volume le visiteur télécharge-t-il à l'ouverture de la page ?
- Combien de pixels chaque fichier a-t-il en trop, en proportion, pour un écran de densité 1 ? de densité 2 ?
- Proposer trois mesures, et estimer le volume obtenu sachant qu'une couverture de 400 × 600 pixels en WebP pèse environ 30 ko.
Corrigé
- 60 × 2,5 Mo = 150 Mo, pour une seule page : plusieurs minutes sur un réseau mobile, et une bonne part d'un forfait.
- Densité 1 : il faut 200 × 300 = 60 000 pixels ; le fichier en a 3 000 × 4 500 = 13 500 000, soit 225 fois trop. Densité 2 : il faut 400 × 600 = 240 000 pixels, soit encore 56 fois trop.
- Redimensionner à 400 × 600 (assez pour la densité 2), convertir en WebP, et charger en différé les couvertures hors de l'écran. Volume : 60 × 30 ko = 1,8 Mo au plus, et beaucoup moins à l'ouverture, puisque seules les couvertures visibles sont chargées (une douzaine, environ 360 ko). On passe de 150 Mo à moins de 2 Mo : plus de 80 fois moins.
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.