Baromètre #webperf - état des lieux du Web
Quelles sont les données les plus marquantes au 1er juin 2014 ? Quelles évolutions sur le web depuis 2013 ? Statistiques inédites et présentation des données publiées par httparchive.org, qui compile 2 fois par mois des statistiques sur plus de 300 000 sites Internet.
Augmentation de 16 % sur le poids des pages
Le poids moyen des pages a augmenté de plus de 16 % entre juin 2013 et juin 2014, passant de 1285 ko à 1492 ko (moyenne des 1 000 sites les plus visités).
Les images forment de loin la part la plus importante du poids des pages (~65%), et ce poids ne cesse d’augmenter. En effet, on note une forte hausse du poids des contenus iconographiques (+32%). La part du Flash perd en importance, ce qui s’explique en partie par des problématiques d'interopérabilité, notamment sur mobile, et par le développement de technologies alternatives. Sans rentrer dans plus de détails, un constat est de mise : pour la quasi-totalité des types de contenus, les sites s’enrichissent et s’alourdissent de manière conséquente.
A gauche l'image brute, à droite l'image optimisée.
Le gain observé sur le poids est de plus de 23 %. Aucune différence de qualité pourtant, et autant de bande passante préservée lors du transit de l’image sur Internet. L’optimisation va donc permettre d’accélérer l’affichage de la page contenant une telle image.
Quels formats pour les images ?
Comme nous venons de le voir, les images ont une place prépondérante dans la composition des pages, nous allons donc nous y intéresser plus en détail. Le format image le plus utilisé est le JPEG : 48 % des images utilisent ce format. Arrivent ensuite le PNG et le GIF, représentant chacun 25 % des images.Il est rassurant de voir ces trois formats être très majoritairement utilisés, car ils sont adaptés au web. On notera que l’utilisation du SVG, dont le support par les navigateurs web est grandissant, reste encore anecdotique.
Rappelons toutefois que 34 % des pages présentent des images qui ne sont pas optimisées (source Radware SURS 2014). En effet, sans perte de qualité, il est souvent possible de faire perdre du poids à une image (limitation de la palette de couleurs, suppression de meta données…) en utilisant des outils adaptés. Trop de sites encore ne font pas cet effort.
Voici 2 images, l’une a été optimisée (en utilisant OptiPNG qui est notamment recommandé par Google), l’autre non.
A gauche l'image brute, à droite l'image optimisée.
Le gain observé sur le poids est de plus de 23 %. Aucune différence de qualité pourtant, et autant de bande passante préservée lors du transit de l’image sur Internet. L’optimisation va donc permettre d’accélérer l’affichage de la page contenant une telle image.
Le poids moyen de chaque ressource
Si l’on regarde individuellement chaque type de ressource et son poids moyen, on remarque que le Flash est de loin l’élément le plus lourd, culminant à 58 ko par ressource, on notera cependant qu’il n’est plus présent que dans 36% des pages de ce top 1000, contre 42% en 2013.
L’élément le plus léger est le GIF (4 ko). C’est assez logique puisque le format est limité à 256 couleurs, donc généralement utilisé pour de petites images.
Les Javascripts pèsent en moyenne 14 ko. Pour un total de 292 ko, on trouve donc une vingtaine de ces ressources par page en moyenne.
Il est bon de rappeler qu'il est possible de regrouper les scripts au sein d'un même fichier pour. Ainsi, on limite les allers-retours nécessaires entre le serveur et le client, coûteux en termes de performance. La technique s’applique également pour les CSS.
Il est bon de rappeler qu'il est possible de regrouper les scripts au sein d'un même fichier pour. Ainsi, on limite les allers-retours nécessaires entre le serveur et le client, coûteux en termes de performance. La technique s’applique également pour les CSS.
La fameuse 404 se cache trop souvent au sein d’une page
Près d'une page sur cinq comporte un ou des problèmes d’accès à certaines de leurs ressources ! En effet, on retrouve des erreurs 4xx et 5xx dans 17% des pages. Un chiffre qui malheureusement tend à augmenter pour ce top 1000 des sites. Pour rappel, ces erreurs peuvent avoir un impact très variable : de l'imperceptible à l'impossibilité totale d'utiliser le site web.L’enrichissement des pages web tendrait à rendre plus difficile la détection/correction de ces erreurs ?
Il est cependant nécessaire de relativiser ce chiffre : si l’usage du HTTPS se développe, cela ne signifie pas pour autant que 9% des pages sont sécurisées. Cet article traitant du HTTPS et d’une vulnérabilité associée pourra vous en apprendre plus.
Les requêtes sécurisées
Aujourd’hui, 9 % des requêtes du top 1000 utilisent la version sécurisée du protocole HTTP, le HTTPS. Nous remarquons que cet usage tend fortement à la hausse depuis les dernières années, démontrant une volonté des acteurs du web à sécuriser de plus en plus la navigation des utilisateurs.
Les requêtes sécurisées
Aujourd’hui, 9 % des requêtes du top 1000 utilisent la version sécurisée du protocole HTTP, le HTTPS. Nous remarquons que cet usage tend fortement à la hausse depuis les dernières années, démontrant une volonté des acteurs du web à sécuriser de plus en plus la navigation des utilisateurs.Il est cependant nécessaire de relativiser ce chiffre : si l’usage du HTTPS se développe, cela ne signifie pas pour autant que 9% des pages sont sécurisées. Cet article traitant du HTTPS et d’une vulnérabilité associée pourra vous en apprendre plus.
L'outil Httparchive offre depuis début juin 2014 des données exclusives. Pour finir, en voici donc une petite compilation, un peu plus technique :
- 56 % des pages analysées utilisent plus de 20 balises script,
- 37 % nécessitent l’établissement de plus de 40 connexions TCP (protocole réseau),
- 34 % ont une profondeur de DOM (arbre construit à partir du HTML) supérieure à 10,
- 35 % utilisent localStorage (sans action de l’utilisateur),
- La hauteur de page médiane est située entre 2000 et 3000px,
- 71 % des pages d’accueil intègrent un ou plusieurs Iframe.