Les performances sont un aspect clé de l'expérience utilisateur. La vitesse de chargement des pages et leur réactivité aux entrées utilisateur peuvent avoir un impact significatif sur la façon dont les utilisateurs perçoivent votre site, et peuvent faire toute la différence entre un utilisateur qui reste sur votre site Web ou qui l'abandonne. Sur cette page, vous trouverez de nombreuses informations sur différents sujets liés aux performances Web qui vous aideront à accélérer votre site Web et à le maintenir rapide.
Vous découvrez les performances ? Nous vous proposons un cours complet pour vous aider à vous lancer.
Découvrez les trois métriques Core Web Vitals, leur fonctionnement et leur importance pour une bonne expérience utilisateur.
Une fois que vous avez découvert les métriques Core Web Vitals, ces guides peuvent vous aider à comprendre comment les optimiser au mieux.
Découvrez les métriques Core Web Vitals en détail grâce à une collection de guides.
Découvrez les nouvelles fonctionnalités d'amélioration des performances qui sont désormais disponibles dans la version de référence.
Découvrez comment des entreprises ont amélioré leurs métriques Core Web Vitals et ont vu leurs métriques métier augmenter en conséquence.
Découvrez comment utiliser les outils pour les développeurs Chrome pour déboguer les problèmes de performances sur votre site Web.
COURS

Les performances Web sont un domaine complexe et multidimensionnel, mais il n'est pas impossible de l'apprendre. Si vous débutez dans le domaine des performances, notre cours vous aidera à vous lancer en vous présentant d'abord les bases des performances, ce qui vous permettra de passer à des sujets plus avancés. Une fois le cours terminé, vous pourrez appliquer ce que vous avez appris en un rien de temps.

Les métriques Core Web Vitals sont un ensemble de trois métriques axées sur l'expérience utilisateur. Elles mesurent les performances et l'usabilité des pages, y compris le temps de chargement perçu, la stabilité visuelle et la réactivité aux entrées utilisateur. Si vous ne connaissez pas les Core Web Vitals, ces guides vous permettront de vous familiariser avec leur fonctionnement et de savoir comment les optimiser.

Le LCP est une métrique qui mesure le temps nécessaire pour que le contenu le plus volumineux apparaisse sur une page. Les pages dont le LCP est faible indiquent aux utilisateurs que votre page se charge rapidement.
Le CLS est une métrique qui mesure la stabilité de la mise en page en observant la page pour détecter les changements inattendus de la mise en page. Les pages dont le CLS est faible indiquent aux utilisateurs que la mise en page est stable et ne change pas de manière inattendue lorsqu'ils tentent d'interagir avec elle.
INP est une métrique qui mesure la réactivité d'une page aux entrées utilisateur. Les pages dont l'INP est faible indiquent aux utilisateurs qu'elles répondent rapidement lorsqu'ils interagissent avec elles. Cela rend votre site Web plus fiable et agréable à utiliser.
Chacune des métriques Core Web Vitals peut être optimisée pour améliorer l'expérience utilisateur. Chacun de ces guides explique en détail comment appliquer des techniques éprouvées pour améliorer les performances et la fiabilité de votre site Web afin que les utilisateurs restent plus engagés et moins susceptibles de quitter votre site.
Découvrez comment optimiser le LCP pour vos utilisateurs afin qu'ils puissent voir le contenu le plus important de votre page le plus rapidement possible.
Découvrez comment optimiser le CLS pour vos utilisateurs afin qu'ils puissent s'attendre à ce que votre site Web reste stable et plus utilisable.
Découvrez comment optimiser INP pour vos utilisateurs afin qu'ils puissent s'attendre à ce que votre site Web réagisse rapidement aux interactions.
Les trois métriques Core Web Vitals et la façon de les optimiser sont un excellent point de départ, mais il existe encore d'autres sujets à découvrir à leur sujet. Cette collection de contenus vous aidera à comprendre comment les mesurer et les déboguer, ainsi qu'à découvrir d'autres bonnes pratiques concernant les notifications relatives aux cookies, les carrousels et d'autres problèmes courants liés à l'interface utilisateur.
Améliorer les performances ne permet pas seulement d'améliorer l'expérience utilisateur, mais aussi de développer votre activité. Découvrez comment ces entreprises ont amélioré leurs Core Web Vitals et ont vu leurs métriques métier augmenter.
Découvrez comment Disney+ Hotstar a augmenté de 100% le nombre de vues hebdomadaires des fiches sur les appareils de salon en réduisant l'INP de 61%.
Découvrez comment la plate-forme de gestion du consentement de PubTech a réduit l'INP sur les sites Web de ses clients jusqu'à 64%, tout en améliorant la visibilité des annonces jusqu'à 1,5 %.
Découvrez comment Taboola a utilisé l'API Long Animation Frames (LoAF) pour améliorer l'INP de 36% sur les sites Web de ses éditeurs partenaires.

La ligne de base indique aux développeurs Web quand les fonctionnalités de la plate-forme Web peuvent être utilisées en toute sécurité dans tous les principaux moteurs de navigateur. Voici quelques fonctionnalités liées aux performances Web qui sont désormais disponibles en tant que référence.

La propriété CSS content-visibility est devenue disponible en tant que référence en septembre 2024.
Le format d'image AVIF est devenu disponible en tant que référence en janvier 2024.
Le préchargement de module est désormais disponible en tant que version de référence en septembre 2023.
L'en-tête de réponse HTTP Server-Timing est disponible en tant que référence pour la première fois en mars 2023.

Les outils pour les développeurs Chrome sont une suite d'outils permettant aux développeurs de déboguer des applications Web, y compris des outils qui vous aident à comprendre et à améliorer les performances de vos applications Web.

Le panneau "Réseau" de DevTools affiche toutes les ressources chargées par une page et le temps de chargement. Découvrez comment utiliser ce panneau pour identifier les problèmes de performances liés à la charge des ressources.
Le panneau "Performances" de DevTools vous fournit des informations extrêmement détaillées sur les performances d'une page pendant une session d'enregistrement, y compris l'activité sur le thread principal, l'activité réseau et des outils supplémentaires qui peuvent vous aider à identifier et à résoudre les problèmes de performances.
Le panneau "Mémoire" indique la quantité de mémoire utilisée par le code JavaScript d'une page. En apprenant à utiliser ce panneau, vous pouvez découvrir et résoudre les problèmes liés à la mémoire causés par le code JavaScript d'une page.