Optimisation des performances Web en 2024 : tendances et prévisions

En une journée, nous parcourons environ 130 pages Web, en attendant environ 6 secondes pour que chacune se charge.

Cela signifie que vous passez 13 minutes par jour à survoler un écran sans rien faire – et plus de 17 minutes si vous êtes sur votre téléphone.

Il n'est pas surprenant que l'optimisation des performances Web (WPO) continue de repousser les limites à la recherche de meilleurs moyens de regagner une partie du temps perdu. Ou du moins, assurez-vous d'attendre le moins possible.

Passons en revue les réalisations les plus remarquables des 12 derniers mois et préparons-nous à tirer parti des tendances subtiles que nous voyons apparaître en 2024 !

Le Web plus rapide : où en sommes-nous maintenant ?

Rien qu'en 2023, les performances du Web ont connu une évolution substantielle, comme en témoignent notamment les avancées impressionnantes des Core Web Vitals (CWV).

Les mesures représentant la vitesse de chargement, la réactivité des interactions et la stabilité de la mise en page ont établi de nouvelles références en matière de performances des sites Web.

Un véritable témoignage de ces progrès est le temps d’attente stupéfiant de 10 000 ans économisé – une réalisation monumentale découlant des améliorations apportées à Core Web Vitals.

Cette réduction massive du temps d'attente s'étend sur les plates-formes de bureau et mobiles, soulignant l'impact substantiel que ces améliorations ont eu sur l'expérience utilisateur sur l'ensemble du Web.

De plus, les données de HTTP Archive en disent long sur l'adoption et la mise en œuvre croissantes de Core Web Vitals.

Les sites Web ayant réussi l'évaluation Core Web Vitals ont connu une augmentation significative, reflétant une augmentation de 6 % rien qu'en 2023 . Cette avancée témoigne d'un effort collectif de la part des développeurs Web, des propriétaires de sites et des produits du monde entier pour prioriser et optimiser leurs sites afin d'offrir une expérience de navigation plus fluide, plus rapide et plus conviviale pour tous.

Actuellement, il existe plus de 6,5 millions d'origines éligibles dans le rapport sur l'expérience utilisateur Chrome (CrUX).

L'état des principaux éléments essentiels du Web : rétrospective et réalisations

Début 2023, 41,8 % des sites Web satisfaisaient aux Core Web Vitals. Depuis lors, nous avons constaté une croissance régulière, les taux de réussite sur ordinateur ayant grimpé jusqu'à 47,4 %.

Comment ces résultats spectaculaires ont-ils été obtenus ? Voyons quels développements Chrome et l'écosystème plus large ont introduits.

Développements Google Chrome

Des avancées majeures sont venues directement de l'équipe de développement de Google Chrome :

• La plus grande nouveauté de Core Web Vitals pour 2023 est sans doute le déploiement officiel de la nouvelle mesure de réactivité – Interaction to Next Paint (INP) . INP devrait remplacer le FID en mars 2024 en tant que moyen plus complet de mesurer toutes les interactions au cours d'une session, au lieu de se limiter à la première comme son prédécesseur.
• L' introduction du cache Précédent/Suivant (bfcache) dans le navigateur Chrome : conçu pour vous aider à remonter ou avancer rapidement dans votre historique de navigation sans attendre le rechargement de la page.

Résultats : le taux de réussite de BFCache s'est amélioré d'un mois à l'autre sur Android (3,6 %) et sur ordinateur (1,8 %)

• Nouvelle fonctionnalité PreconnectOnAnchorInteraction qui se connecte aux origines avec le pointeur vers le bas plutôt que vers le haut.

Résultats : Conduit à une amélioration médiane du LCP de 6/10 ms (0,4/1 %) sur Android/Desktop et à une amélioration du LCP d'origine croisée d'environ 60 ms sur Android et sur Desktop. Le lancement a également entraîné une augmentation de 0,08 % des revenus publicitaires de contenu.

• Pré-rendu des pages afin qu'elles se chargent instantanément avant que l'utilisateur ne les visite réellement.

Résultats : les chargements de pages via la saisie d'URL directement dans l'omnibox ont obtenu une amélioration médiane du LCP de 500 à 700 ms (14 à 25 %) avec le pré-rendu, déplaçant le LCP médian global sur toutes les navigations de 6,4 ms.

• Lancement de la limitation des onglets pour les onglets d'arrière-plan exécutés sur EcoQOS sous Windows 11 et des ajustements du rôle de tâche et de la QoS sur macOS pour garder les onglets d'arrière-plan hors de votre chemin.

Résultats : conduit à des améliorations dans la plus grande peinture de contenu (LCP) et l'interaction avec la peinture suivante (INP)

• Optimisations continues pour Chrome sous plusieurs onglets actifs

Résultats : amélioration de la planification et des conflits, qui ont amélioré l'INP de 5 % et le LCP de 2 % au cours des 6 derniers mois.

• Améliorations du moteur de rendu Chrome qui modifient la priorité des files d'attente de tâches pour un CWV optimal, comme le chargement d'images haute priorité, la composition prioritaire après un délai et les optimisations de raster SVG. Toutes les améliorations ont entraîné une augmentation des taux de réussite LCP, CLS et INP.

Réalisations WordPress et Core Web Vitals

En 2023, grâce aux efforts dévoués de l’équipe Core Performance et des contributeurs, WordPress a fait des progrès substantiels dans l’amélioration des taux de réussite de Core Web Vitals.

8,25 % pour les ordinateurs de bureau et 8,13 % pour les mobiles, pour être exact.

L'un des principaux objectifs de la feuille de route pour l'année était de permettre aux propriétaires de sites de réussir la métrique CWV la plus difficile du noyau WP – LCP.

De nombreuses améliorations principales se concentrent sur l'amélioration du temps de réponse du serveur, l'exécution de bases de données plus efficaces, l'amélioration de la livraison JS et CSS et l'optimisation des images :

• Identifier et résoudre les plus grands goulots d'étranglement du temps de réponse du serveur dans le cœur de WordPress
• Amélioration des performances PHP des thèmes de bloc
• Soutenir la phase 3 de Gutenberg avec des conseils, des améliorations et une révision axés sur les performances
• Chargement automatique des classes PHP WordPress
• Explorer les moyens d'améliorer les performances des traductions
• Intégration de base de données SQLite
• Optimisation de la requête de base de données d'options chargée automatiquement dans le noyau WordPress
• Explorer les moyens d'améliorer davantage les performances des requêtes de base de données
• Améliorer l'API Scripts avec une stratégie de chargement
• Élimination de l'utilisation de jQuery du frontend dans les thèmes par défaut de WordPress
• Ajout de fetchpriority="high" à l'image LCP dans le noyau WordPress
• Éviter de charger paresseusement les images LCP/héros dans le noyau WordPress
• Améliorer le calcul des attributs de tailles d'image

Les résultats?

WordPress 6.3 se charge 27 % plus rapidement pour les thèmes en bloc et 18 % plus rapide pour les thèmes classiques, par rapport à WordPress 6.2, sur la base de la métrique Largest Contentful Paint (LCP).

En décomposant encore plus, nous constatons une amélioration définitive de toutes les métriques Core Web Vitals sur WordPress mobile :

• 43,37 % réussissent le LCP
• 78,98 % réussissent le CLS
• Et 97,42 % réussissent le FID

En tant que solution aidant plus de 180 000 propriétaires de sites WordPress à obtenir une expérience utilisateur exceptionnelle, chez NitroPack, nous sommes fiers d'avoir contribué à l'amélioration de CWV sur la plateforme. En pré-rendu des liens via l'API des règles de spéculation, nous avons constaté une amélioration de 80 % du LCP et de 55 % de l'INP dans les pages pré-rendues par rapport à celles sans aucun chargement spéculatif.

Communauté JavaScript pour de meilleurs éléments essentiels du Web

Dans le cadre du projet Chrome Aurora, où Chrome et les frameworks Web open source collaborent, nous avons constaté des partenariats réussis avec Next.js, Angular et Nuxt pour la publication de fonctionnalités axées sur les performances telles que :

• composant suivant/script
• NgOptimizedImage
• nuxt/google-fonts

En 2022, Next.js rapporte que les taux de réussite sont passés de 20,4 % à 27,3 %. Les taux de réussite angulaires sont passés de 7,6 % à 13,2 %, et les taux de réussite de Nuxt sont passés de 15,8 % à 20,2 %.

Dans la vraie vie, ces nouvelles fonctionnalités se sont traduites par des améliorations notables de Core Web Vitals pour les entreprises comme Land's End et CareerKarma.

Après être passé à NgOptimizedImage, Land's End a défendu une amélioration de 40 % du LCP sur mobile lors des tests en laboratoire Lighthouse et une amélioration de 75 % du LCP sur ordinateur. Le LCP de CareerKarma, en revanche, a été réduit de 24 % lors du passage au mode Web Worker Next/Script.

« Je proclame par la présente 2024 l'année des composants Web ! Composants Web de taille en octets, sans dépendance, facultatifs pour JavaScript, indépendants du framework et rendus par le serveur.

— Stoyan Stefanov, créateur de perfplanet.com, ex-Yahoo, auteur JS publié

SEO/SEA et Core Web Vitals : points de contact

L'importance de Core Web Vitals en matière de référencement (Search Engine Optimization) a longtemps été discutée.

À la suite des mises à jour d'avril des directives relatives à l'expérience des pages, une réponse définitive est que les Core Web Vitals ne sont pas un facteur de classement unique mais font plutôt partie d'un système qui contribue aux évaluations de l'expérience des pages.

« Le lien entre Core Web Vitals et les performances en matière de référencement fait encore l'objet de vifs débats, de nombreuses personnes suggérant que c'est rarement quelque chose qui affectera directement les classements. Mais je suis heureux de dire que je vois de plus en plus d’organisations donner la priorité à l’amélioration de la vitesse, quoi qu’il en soit. Un site plus rapide signifie des utilisateurs plus satisfaits, des frictions réduites, de meilleures références écologiques et plus de revenus.

— Jono Alderson, expert SEO de premier plan au monde (ex-responsable du référencement @Yoast)

Il est important de noter que la pertinence reste le facteur décisif lors du classement d'une page, comme l'explique John Muller (Google Search Advocate) :

"Si le site Web A est plus rapide que le site Web B, mais que B est plus pertinent par rapport à la requête de l'utilisateur de recherche, le site Web B devancerait toujours A."
Dans un fil de discussion sur Twitter, il a également souligné que "... Core Web Vitals est plus qu'un facteur de classement aléatoire, c'est aussi quelque chose qui affecte la convivialité de votre site après son classement (lorsque les gens le visitent réellement)."

Lors de sa présentation lors de l'événement Google I/O Extended à Sydney en juin 2023, Tamas Piros a également confirmé l'importance des Core Web Vitals, en déclarant : « ... si votre site se charge lentement, cela aura un impact négatif sur votre recherche. résultats du classement des pages.

En termes de SEA (Search Engine Advertising) , l’expérience utilisateur est directement corrélée au score de qualité de vos annonces. Des exemples concrets incluent :

• L'un des clients de Lever Interactive a augmenté son niveau de qualité, ce qui a conduit à -17 % de CPC et -31 % de CPA, ce qui signifie également une augmentation de 20 % des taux de conversion sur des pages de destination plus rapides ;
• Un score de qualité élevé, c'est également obtenir jusqu'à 50 % de réduction sur vos prix CPC et optimiser instantanément vos budgets publicitaires ;
• Netzwelt a vu ses revenus publicitaires augmenter de 18 %, la visibilité des publicités augmenter de plus de 75 %, les taux de rebond diminuer de 50 % et les pages vues augmenter de 27 % grâce à l'optimisation pour Core Web Vitals.
• En 2023, les pages qui répondent à toutes les exigences de Google sont classées 1 point de pourcentage au-dessus de la moyenne. Les domaines les plus lents seront 3,7 points de pourcentage inférieurs aux domaines rapides.

Business Web Vitals : impact de l'optimisation des performances Web sur les résultats financiers

En 2023, les entreprises ont continué à adopter l'optimisation Core Web Vitals pour améliorer leurs résultats, où une amélioration de 0,1 seconde du temps de chargement signifie :

• Jusqu'à 8,6 % de pages vues en plus au cours d'une session
• Amélioration de 5,2 % de l'engagement client
• 8,4 % de conversions en plus
• Augmentation de 9,2% de la valeur moyenne des commandes (AOV)

L'étude de cas la plus récente de WPO montre les résultats de Carpe après avoir optimisé son site Web pour une meilleure expérience utilisateur : amélioration de 52 % de la plus grande peinture de contenu et de 41 % du changement de mise en page cumulatif, une augmentation de 10 % du trafic, une augmentation de 5 % du taux de conversion de la boutique en ligne, et une augmentation des revenus de 15 %.

Lors d'un webinaire avec Google sur « Core Web Vitals for Your Business » en septembre 2023, NitroPack a partagé les enseignements d'études internes liant l'expérience utilisateur et la vitesse à des modèles de comportement spécifiques des utilisateurs :

• Les utilisateurs ayant connu un temps de chargement de 3 secondes ou moins ont visité 60 % de pages en plus.

• 50 % de visiteurs supplémentaires abandonnent lorsqu'une page se charge en 3 secondes par rapport à un temps de chargement de page de 2 secondes.

• Les visiteurs perdent patience et commencent de manière disproportionnée à abandonner une page Web à 2,75 secondes du chargement de la page.

Nous voyons de plus en plus d’entreprises abandonner l’idée de la vitesse comme objectif final et se tourner davantage vers l’amélioration de la façon dont les utilisateurs interagissent avec leurs sites Web. La résolution des problèmes Core Web Vitals va bien au-delà du bricolage du backend. En fait, il a trouvé une place bien méritée parmi les KPI des entreprises ainsi que dans les rapports de croissance.

Le Web plus rapide en 2024 : prévisions

« En plus de poursuivre la tendance existante en matière d'améliorations de Core Web Vitals, je pense vraiment que 2024 pourrait être l'année du « Web instantané » avec l'API de règles de spéculation de Chrome qui se généralisera et fera du pré-rendu un ajout facile pour de nombreux sites. Cela permettra des expériences plus transparentes, notamment en association avec l'API View Transitions multipage.

— Barry Pollard, défenseur des développeurs de performances Web @Google Chrome

Voyons quelles tendances façonneront 2024 de manière non seulement plus rapide, mais quasi instantanée.

Réussir le LCP : se concentrer sur les bonnes optimisations

56,4%

C'est le nombre de sites Web qui réussissent le LCP sur mobile contre 94,2 % pour le FID et 77,2 % pour le CLS. La nature difficile de la métrique LCP provient de la complexité du temps passé à charger l’élément de contenu le plus volumineux.

En 2022, Philip Walton proposait une nouvelle manière de décomposer ce temps :

• L'heure de commencer à recevoir du contenu sur le client (TTFB)
• L’heure de début du chargement de l’image LCP (délai de chargement des ressources)
• Le temps pour terminer le chargement de l'image LCP (temps de chargement des ressources)
• Le temps jusqu'à ce que l'élément LCP soit rendu (délai de rendu de l'élément).

Cela permet une mesure granulaire et aide les propriétaires de sites à identifier les goulots d'étranglement ainsi que les optimisations qui seraient les plus efficaces pour améliorer le score LCP. En novembre 2023, Estela Franco a partagé les résultats de la recherche en millisecondes.

Le problème? Délai de chargement des ressources.

Cela signifie que nous devons nous concentrer sur le chargement plus rapide de la plus grande ressource de contenu plutôt que sur l’optimisation de la durée de chargement.

✦ Nous prévoyons...

En 2024, les développeurs et les propriétaires de sites se concentreront sur l'amélioration de la visibilité de l'élément LCP via des astuces de ressources et sur son exclusion totale du chargement différé.

Se préparer à l'INP : la nouvelle mesure de réactivité

Beaucoup se sont déjà demandé si la disparition de la mesure FID aurait ou non un impact important sur les taux de réussite du CWV.

La réponse est oui.

Les taux de réussite baisseront une fois que l'INP entrera en vigueur (en particulier sur mobile), et les développeurs devront retrousser leurs manches pour s'assurer que leurs évaluations CWV restent vertes.

INP, cependant, constitue un grand pas en avant dans la compréhension de la manière dont les utilisateurs interagissent avec nos sites Web. Puisqu’il mesure toutes les interactions au cours d’une session, les propriétaires de sites auront plus d’informations sur les endroits où se produisent la plupart des retards.

✦ Nous prévoyons...

En 2024, les développeurs exploiteront de plus en plus les API Scheduler.yield() et Long Animation Frames pour diviser et réduire les tâches longues afin que le thread principal soit prêt à accueillir une interaction sans délai.

Meilleure compréhension des performances du site

La sophistication de l’optimisation des performances Web s’accompagne de la nécessité de mieux comprendre ce que cela signifie réellement pour les propriétaires de sites.

En 2023, nous avons constaté une curiosité croissante quant à la manière dont les Core Web Vitals s’intègrent dans le contexte commercial plus large.

CrUX, HTTP Archive, Web Almanac, WPO Stats, des rapports internes et publics et des outils d'analyse commerciale provenant de services et de plugins indépendants – tous dédiés à analyser les chiffres et à assurer la transparence des efforts des propriétaires de sites pour une meilleure expérience utilisateur.

✦ Nous prévoyons...

2024 marquera une avancée significative dans la compréhension des expériences utilisateur réelles sur les sites Web, faisant de Core Web Vitals une mesure essentielle pour les propriétaires d'entreprise et les commerçants de commerce électronique en la connectant directement à leurs résultats.

« En ce qui concerne 2024, je constate un changement positif dans la façon dont nous abordons la performance Web. Nous ne nous contentons plus d'examiner les données de laboratoire et nous nous concentrons davantage sur l'expérience utilisateur réelle. C'est une période passionnante avec de nombreuses nouvelles idées qui émergent pour rendre les sites Web plus rapides pour tout le monde. Chez NitroPack, nous sommes vraiment heureux de faire partie de ce changement, en contribuant à faire du Web un meilleur endroit pour les utilisateurs.

— Georgi Petrov, PDG et co-fondateur @NitroPack

Le rôle de l'IA : prochaines étapes dans l'optimisation des performances Web

Le boom de l’IA a eu un impact sur le monde entier et a incité de nombreux propriétaires d’entreprises à réfléchir aux opportunités qu’elle peut offrir.

En fait, rien qu’en 2023, 35 % des entreprises exploitent déjà l’IA dans leurs activités, les services financiers, les soins de santé, la vente au détail et l’industrie manufacturière étant en tête de l’adoption de l’IA.

En matière d'optimisation des performances Web, nous avons déjà pu constater les premières avancées réalisées avec l'API de règles de spéculation de Chrome. Qu'elle soit utilisée pour automatiser des tâches, améliorer les flux de travail et créer de nouveaux services et produits, l'IA dans le secteur WPO permettra aux propriétaires de sites de répondre à la demande croissante d'une meilleure expérience utilisateur et d'une meilleure vitesse de chargement.

Son application dans des domaines tels que l'analyse prédictive, la reconnaissance de formes et la diffusion de contenu personnalisé a considérablement amélioré l'expérience utilisateur.

✦ Nous prévoyons...

En 2024, l’IA constituera un nouveau chapitre prometteur dans les stratégies d’optimisation : de l’analyse prédictive et de la reconnaissance de formes aux fonctionnalités d’anticipation, les progrès nous aideront à mieux comprendre le comportement des utilisateurs et à répondre plus rapidement à leurs besoins.

Dernières pensées

À l’approche de 2024, l’accent reste mis sur le maintien de cet élan.

Les progrès continus et l’adoption précoce des bonnes techniques d’optimisation des performances Web ouvriront la voie à une expérience Web encore plus rapide et efficace.

En route vers une 2023 rapide, et travaillons tous vers une 2024 encore plus rapide !