État du web 2020 : technologies, SEO, CMS, mobile, webperf, sécurité…

L’édition Web Almanac de 2020 réunit tous les chiffres clés sur l’état du web. © HTTP Archive

Agissant comme un véritable « répertoire annuel des savoirs publics concernant l’état du web« , le Web Almanac constitue un rapport complet qui illustre des données clés sur différentes thématiques en lien avec le web. Pour cette année 2020, l’étude traite de plusieurs sujets, allant du contenu des pages jusqu’à leur diffusion, en passant par l’expérience utilisateur et la publication des contenus. Un projet réalisé par HTTP Archive grâce au travail d’une centaine de bénévoles et à l’analyse de plus de 7,5 millions de sites web.

Chiffres clés concernant le contenu des pages

Cette première partie de l’étude est dédiée aux statistiques concernant le CSS, JavaScript, le balisage web ainsi que les webfonts.

Le rapport indique que l’utilisation de JavaScript est en augmentation, mais il reste important de peser le poids des scripts afin de limiter le ralentissement des pages web. Ceci permettra de trouver un équilibre entre accessibilité, performance et sécurité. Notons également que les librairies (CMS, framework, etc.) les plus populaires à savoir WordPress, Bootstrap et Font Awesome sont celles qui ont le plus adopté de nouvelles features, tandis que les développeurs indépendants ont tendance à être plus conservateurs. Finalement, l’étude met en avant que, sur le web, nous pouvons observer deux vitesses quant à l’adoption du CSS. Il existe encore davantage de codes « anciens » que « nouveaux« , avec parfois des codes vieux de 10 ans.

1. CSS/JavaScript

• le poids du CSS a augmenté : 1 page sur 10 charge plus de 240 KB de code CSS mais seulement 15 % d’entres elles incluent des sourcemaps,
• le nombre de règles par page : la médiane se situe à 448 règles mais 10 % des pages contiennent moins de 13 règles,
• la balise <script> est le 6e élément HTML le plus utilisé,
• sur une page mobile, 37,22 % des octets JavaScript ne sont pas utilisés,
• la médiane des requêtes JavaScript se situe à 20 par page.

2. Balisage Web

• 96,82 % des pages ont un doctype,
• sur l’ensemble des pages web, la taille moyenne d’un document est de 48,17 Kb.

3. Webfonts

• 82 % des pages web sur desktop utilisent des webfonts (80 % pour les pages sur mobile).

4. Contenu tiers

• 22 % du contenu tiers est basé sur JavaScript, contre 32 % en 2019,
• 94 % des sites utilisent des balises tierces,
• Les images ainsi que JavaScript représentent 60 % du contenu tiers,
• Google Fonts et la publicité sont les domaines qui diffusent le plus de contenus tiers.

Expérience utilisateur

Avec la pandémie mondiale, le SEO a pris, en 2020, une place majeure et a poussé les sites à optimiser leurs configurations techniques, la pertinence de leurs contenus ainsi que la facilité d’accès à l’information. Par conséquent, le Search Engine Optimisation est devenu l’une des stratégies d’acquisition les plus populaires. Autre point abordé par l’étude, il existe un recul de l’accessibilité numérique, notamment à cause de la mauvaise utilisation de widgets dédiés à l’optimisation de l’accessibilité. Finalement, les données recueillies démontrent qu’il est important de continuer à investir dans l’amélioration des performances et qu’il reste encore beaucoup de travail sur le Largest Contentful Paint (LCP) et le First Contentful Paint (FCP) notamment.

1. Search Engine Optimisation

• 51 % des pages desktop comportent une balise canonical (contre 53 % pour les pages mobiles).
• Seulement 64 % des sites web comprennent un H1 et 70 % contiennent un H2.
• La médiane du nombre de mots contenus dans un titre est de 6, avec 38 caractères,
• 68 % des pages ont une méta description, avec une médiane à 19 mots et 138 caractères sur les pages web (136 sur les pages mobiles),
• La médiane du nombre de liens internes par page est de 61 sur desktop et 54 sur mobile.

2. Accessibilité

• Seul 21 % des sites ont un contraste de couleur suffisant pour les personnes ayant des problèmes de vue (soit -1 % par rapport à l’année dernière).
• La fonctionnalité « zoom » est  désactivée sur 24 % des sites desktop et 30 % des sites mobiles.

3. Performance

• Avec la mise à jour de Lighthouse passant de la version 5 à 6, seulement 4 % des sites web n’ont enregistré aucun changement de score de performance,
• En revanche, la part des sites ayant vu leur note augmenter est plus faible que celle dont la note s’est dégradée (augmentation des pages recevant un score entre 0 et 25 et diminution du nombre de pages recevant un score entre 50 et 100). Seulement 1 % des pages ont reçu la note de 100,
• 53 % des sites web (43 % sur mobile) affichaient de bonnes performances LCP avec un temps de chargement de la page pour que le contenu principal soit visible à moins de de 2.5s,
• la Corée du Sud dispose de la meilleure performance LCP (76 %). La France se trouve à la 12e position du classement, avec un taux à 50 %,
• 54 % des pages web performent bien du côté du Cumulative Layout Shift (CLS), ce qui signifie qu’elles disposent d’une bonne stabilité visuelle (inférieur à 0,1s),
• Le Japon dispose de la meilleure performance (69 %), la France se classe 10e avec 61 %,
• Sur la base du 75e percentile, 100 % des sites web sont jugés bons sur le critère du First Input Delay (FID), qui mesure le temps entre le moment où l’utilisateur interagit pour la première fois avec une page et le moment où le navigateur peut vraiment répondre à cette action. Sur mobile, ce chiffre passe à 80 %,
• La Corée du Sud se classe première sur le critère du FID avec un taux global à 97 %, la France se classe 13e avec un taux à 88 %.

4. Vie privée

• 93 % des sites web détiennent au moins 1 tracker,
• Les trackers les plus utilisés sont : Google (présents sur au moins 70 % des sites que ce soit Analytics, APIs ou Fonts), puis Facebook et enfin Cloudflare,
• Plus de 60 % des trackers sont liés à la publicité,
• 44,8 % des sites web disposent d’une politique de confidentialité.

5. Sécurité

• Sur desktop, 77 % des sites sont en HTTPS, alors que sur mobile, ce taux passe à 73 %.
• L’aspect sécurité est de plus en plus pris en compte dès les premières phases de développement.

6. Mobile Web

• 58 % des sites web sont visités sur mobile, mais ces visites ne correspondent qu’à 42 % du temps de visite global. Le temps moyen par visite est de 11,52 minutes sur desktop contre 5,95 minutes sur mobile.
• Le mobile représente 79,6 % du temps passé sur les sites de ventes au détail mais n’est à l’origine que de 32,3 % des ventes en e-commerce.

Publication de contenu

Cette partie s’intéresse tout particulièrement aux systèmes de gestion de contenu (CMS), qui permettent de créer, gérer, organiser et publier du contenu. D’une manière globale, les CMS sont de plus en plus adoptés par les acteurs du web et WordPress reste le grand favori.

1. CMS

• 42 % des pages web sont alimentées par une plateforme CMS (+ 5,4 % par rapport à 2019),
• Classement de la part d’utilisation : WordPress (31,04 %), Joomla (2,05 %), Drupal (1,98 %), Wix (1,28 %) et Squarespace (0,97 %),
• La médiane du nombre de ressources chargées par des plugins sur un site WordPress est de 22,
• Sur Lighthouse, WordPress a un score médian de 0,9, Joomla de 0,86, Drupal de 0,83 et Wix et Squarespace de 0,93,
• L’impact environnemental des TIC représente 2 % des émissions mondiales de carbone et les centres de données 0,3 %. L’impact environnemental des CMS est estimé à environ 1,5 gramme de CO2 par page.

2. Jamstack

• 0,7 % des pages web ont adopté la Jamstack en 2020, contre 0,4 % en 2019.

Diffusion du contenu

De manière générale, le poids des pages a augmenté car les sites web utilisent de plus en plus de ressources pour créer une expérience utilisateur plus riche. On notera par exemple la tendance à utiliser des visuels haute définition dans les contenus. Parallèlement, l’utilisation de JavaScript est de mieux en mieux maîtrisée, ce qui permet de réduire le poids des scripts chargés et donc le poids total des pages. Finalement, en 2021, HTTP/3 devrait commencer à être adopté par davantage de sites.

1. Poids des pages

• La médiane du poids d’une page web se situe à 2 Mo sur desktop et 1,9 Mo sur mobile,
• Les types de média qui pèsent le plus lourd sont les images et le JavaScript. La médiane d’une page comprend 1,01 Mo d’images et 444 Ko de JavaScript.

2. Utilisation du cache

• 73,6 % des pages sur desktop utilisent le cache-control (73,5 % sur mobile),
• 55,5 % des pages desktop utilisent l’expires-headers (56,2 % sur mobile),
• L’usage des ressources-hint se répartit à 33 % pour dns-preftech, 18 % pour preload, 8 % pour preconnect et enfin preftech à hauteur de 3 %.

3. HTTP/2

• 64 % des requêtes utilisent HTTP/2 (+10 % par rapport à 2019),
• Les pages d’accueil ont enregistré une augmentation de 13 % de l’adoption de HTTP/2, entraînant une répartition uniforme entre les pages en HTTP/1.1 et HTTP/2.

Recevez par email toute l’actualité du digital