Poids total d'une page par type de ressource
Une page ne pèse pas que son texte. Saisissez le poids de chaque famille de fichiers, relevé dans les outils du navigateur, et repérez le poste le plus lourd.
- Poids total
- 1 830 Ko (1,83 Mo)
- Plus gros poste
- Images : 65,6 %
| Ressource | Poids (Ko) | Part |
|---|---|---|
| HTML | 40 | 2,2 % |
| Feuilles de style | 90 | 4,9 % |
| JavaScript | 350 | 19,1 % |
| Images | 1 200 | 65,6 % |
| Polices | 120 | 6,6 % |
| Autres ressources | 30 | 1,6 % |
Comment ça se calcule
Le poids total est la somme des six postes, exprimés en kilooctets de 1 000 octets. La part de chaque poste est son poids divisé par le total. Les valeurs sont celles que vous saisissez, par exemple relevées dans l'onglet Réseau des outils de développement.
Questions fréquentes
Où trouver ces poids ?
Dans les outils de développement du navigateur, onglet Réseau : rechargez la page et regardez le poids transféré par type de fichier.
Quel poste alléger en premier ?
En général le plus gros. Sur beaucoup de pages, ce sont les images, que l'on peut redimensionner et compresser.
Cas fréquents
Des exemples déjà remplis, avec leur explication :
- Poids d'une page vitrine légère
- Poids d'une page d'actualités chargée
- Une page de documentation sans image
- Combien pèsent les polices d'un site ?
Intégrer cet outil sur votre site
Les résultats sont fournis à titre indicatif. Pour aller plus loin, découvrez les sites de la catégorie Octets de bureau de l'annuaire et lisez le guide de cette catégorie.
Autres outils
- jpgPoids d'une image après compressionEstimer le poids final selon dimensions et rapport saisi
- 2xDimensions d'image pour écrans haute densitéPixels à fournir pour un affichage net en 2x ou 3x
- msTemps de chargement d'une page selon le débitDurée estimée avec poids, débit, latence et requêtes
- maxPoids maximal d'une page pour un objectif de tempsLe budget en Ko à ne pas dépasser
- 16:9Ratio d'aspect et redimensionnement proportionnelSimplifier 1920 × 1080 en 16:9 et recalculer une dimension
- cropRecadrage d'une image vers un ratio cibleCombien de pixels perdre pour passer en 16:9, 1:1, 4:5