Comment déterminer la taille d’une page web
je parle beaucoup au sujet de la taille de la page. Mais qu’est-ce que cela signifie? Laissez-moi vous expliquer et vous montrer comment vous pouvez le vérifier vous-même.
la taille d’une page web est la taille des fichiers chargés pour afficher la page. Il peut y avoir une différence entre la taille transférée et la taille réelle des fichiers (décompressés, disons), mais vous pouvez en trouver plus à ce sujet dans le post « making of”.,
Il existe 2 façons de vérifier la taille d’une page web:
- utilisation d’un outil en ligne
- utilisation de la console de votre navigateur
examinons les deux en détail.
Vérifier en ligne
Il y a des outils en ligne pour vérifier une page web de la taille. Par exemple, vous pouvez le faire en utilisant https://tools.pingdom.com. Tapez ou collez l’URL de la page que vous souhaitez vérifier et voilà. Vous obtiendrez beaucoup de données, parmi lesquelles la taille de la page.
je l’ai fait pour cette page et cela m’a donné 23 Ko., Les valeurs exactes peuvent différer entre les outils et la deuxième méthode ci-dessous. Les différences seront cependant relativement faibles, en particulier pour les grandes pages. Vous aurez une bonne idée que ce soit une petite ou une grande page.
Vérifiez dans votre navigateur
celui-ci est plus complexe et il peut travailler différemment en fonction de votre navigateur. Je vous guide à travers le processus.
- tout d’abord, allons incognito. Vous pourriez avoir des extensions ou des add-ons dans votre navigateur qui chargent également des choses., Ils sont normalement désactivés en mode incognito.
- clic-Droit avec la souris et choisissez l’option Inspecter l’élément ou quelque chose de similaire. Cela ouvrira une fenêtre ou une barre latérale supplémentaire avec des informations sur la structure HTML de la page web.
- Il y a plusieurs onglets dans la fenêtre supplémentaire. Vous avez besoin de celui appelé Réseau. Assurez – vous de désactiver le cache du navigateur – normalement, c’est la valeur par défaut-afin que votre navigateur charge tout proprement.
- Actualiser la page.
- Sur le bas de la fenêtre, vous trouverez le résultat que vous recherchez., Il y a probablement 2 valeurs, qui peuvent être les mêmes selon que le transfert est effectué dans un format compressé spécial ou non:
- Taille du transfert: c’est la quantité de fichiers qui est effectivement transférée. C’est ce que vous vouliez savoir, car cela a le plus d’impact puisque ce montant est transféré depuis le serveur.
- Taille des ressources: C’est la taille réelle des fichiers utilisés pour construire la page.,
Cette page est la taille
Ok, c’est une création, mais j’ai vérifié la taille de transfert de fichiers pour cette page dans Google Chrome et il m’a donné de 16 ko. Dans Firefox, il était de 23 Ko et dans Edge de 13 Ko. Il peut y avoir des différences significatives, en particulier pour les petites tailles de page. Certains navigateurs chargent des ressources que d’autres ne chargent pas. Firefox charge, par exemple, 2 images supplémentaires pour les utiliser sur son écran d’accueil pour les sites visités., Néanmoins, vous avez une idée de la taille de la page, par rapport à la médiane de plus de 2000 Ko.
Quelques exemples de la vie réelle
Maintenant quelques exemples de la vie réelle. J’ai vérifié la taille du transfert pour la page d’accueil de 5 sites Web populaires (et Greenpeace). J’ai utilisé la deuxième méthode, en utilisant Google Chrome sur un ordinateur de bureau sans défilement.,
| 380 kb | |
| Youtube | 2400 kb |
| Amazon | 3600 kb |
| New York Times | 5800 kb |
| Time Magazine | 4100 kb |
| Greenpeace | 3200 kb |
Most pages are quite large.
Of course, they contain a lot of images and scripts, but even Google’s search page is 380 kb., Cela signifie que chaque fois que vous visitez google.com, 0,21 g de CO2e est libéré dans l’atmosphère. Pour en savoir plus sur les émissions de carbone des pages web, cliquez ici.
je vous laisse faire le calcul pour les autres pages plus grandes. C’est pourquoi je crois que la taille de la page est importante.
Cette page est chargée à environ 18 ko.
