Performance Web

Choisissez le type d'appareil :

Qu'est-ce que la vitesse de la page?

La vitesse de la page peut être définie de plusieurs manières. D'un point de vue technique, il peut être défini comme le temps nécessaire pour afficher tout le contenu d'une page Web spécifique, ou même pour qu'un navigateur Web reçoive le premier octet d'un serveur Web. Cependant, en fin de compte, ce qui compte vraiment, c'est la vitesse à laquelle vos visiteurs sentiront qu'une page se charge. C’est une sensation avant tout, pas seulement les métriques. Une telle sensation est un peu plus délicate à mesurer avec des valeurs numériques.

C'est pourquoi des géants du Web comme Google ont proposé des mesures plus précises centrées sur l'utilisateur. Ceux-ci aident à déterminer combien de temps il faut à une page pour être prête pour l'interaction de l'utilisateur ou pour afficher du contenu consommable à valeur ajoutée comme du texte ou des images. Tout dépend de la partie de l'expérience utilisateur sur laquelle vous souhaitez vous concentrer et si vous l'interprétez comme une mesure de base, faisant partie d'une analyse globale des performances de la page.

Pourquoi les performances des pages sont-elles importantes pour le référencement?

Expérience utilisateur

Des études ont montré qu'une page à chargement lent empêchera les visiteurs de rester sur votre site Web. Plus une page est lente, plus un visiteur perd confiance dans un site Web et le quittera précocement. Et s'ils partent, ils risquent de ne pas revenir. Au bout de 3 secondes, près de la moitié de vos visiteurs basculeront vers le site d'un concurrent. Vous ne voulez pas que.

SEO

Les développeurs Web savent que la vitesse des pages est importante en matière de référencement. Les moteurs de recherche ont commencé à prendre en compte la vitesse des pages dans leurs résultats de recherche. En 2010, Google a rendu public le fait qu'il utilise la vitesse de la page comme facteur de classement.

En 2017, ils ont annoncé qu'ils mettraient en évidence encore plus de pages Web qui se chargent rapidement sur les appareils mobiles. C'est également à ce moment-là que Google a commencé à faire pression pour une nouvelle norme Web: les pages mobiles accélérées (AMP). Cette technologie optimise et accélère le chargement des pages Web sur des appareils à faible puissance et à faible connectivité.

Le chargement plus rapide de vos pages Web vous donne un meilleur classement pour plus de mots-clés de recherche et, par conséquent, plus de trafic organique gratuit de haute qualité.

Au fur et à mesure que les moteurs de recherche ont évolué, Google a mis un accent important sur l'expérience utilisateur globale d'un site. En 2020, le géant de la recherche a introduit Page Experience dans ses signaux de classement. Ce nouveau signal de classement combine Core Web Vitals avec des mesures existantes telles que la navigation sécurisée et la convivialité mobile pour générer des signaux de recherche pour l'expérience globale de la page.

Les signaux d'expérience de page cherchent à évaluer les pages Web en fonction de l'expérience de leurs utilisateurs. En bref, ils élargissent les critères récents de Google sur la page avec des facteurs qui ont un impact sur l'expérience de la personne lors de la consommation du contenu de la page.

Les conversions

Selon un rapport d'Akamai, les pages à chargement rapide entraînent également des taux de conversion plus élevés. Walmart.com a enregistré une augmentation de 2% de la conversion avec chaque seconde d'augmentation de la vitesse de la page. Ce n'est qu'un exemple célèbre qui montre comment passer du temps à la vitesse de chargement des pages pourrait entraîner plus de ventes et permettre aux visiteurs de choisir le contenu qu'ils souhaitent voir sans temps d'attente inutiles.

Bien que tous les sites Web ne soient pas aussi volumineux et complexes, ces pages à chargement rapide garderont la satisfaction des visiteurs et les convertiront en clients fidèles.


Mesures de vitesse de page

Lors de l'optimisation de votre site Web pour offrir une expérience rapide, vous pouvez envisager plusieurs mesures de base. Ils font tous partie d'une approche holistique de l'ingénierie de la vitesse. Cependant, examinons de plus près les Core Web Vitals:

  • Largest Contentful Paint (LCP): cette métrique décrit le temps de chargement d'une page. Il mesure à quel point le plus grand élément de contenu de la fenêtre est rendu à l'écran.
  • Premier délai d'entrée (FIP): cette métrique se rapporte à l'interactivité d'une page. Le FID est mesuré comme l'intervalle entre la première interaction de l'utilisateur et le moment où le navigateur commence à répondre à cet événement.
  • Décalage cumulatif de la mise en page (CLS). Cette métrique traite de la stabilité visuelle de la page. Il vous montre les cas où la mise en page d'une page change de manière inattendue. Une page qui change peut amener l'utilisateur à cliquer accidentellement sur le mauvais bouton et entraîner de terribles conséquences.

Plusieurs autres mesures importantes composent le score de performance d'une page Web et doivent être optimisées de manière adéquate:

  • Indice de vitesse: il calcule la vitesse à laquelle le contenu au-dessus de la ligne de flottaison est affiché visuellement pendant le chargement de la page, de manière contrôlée et cohérente sur tous les appareils et navigateurs qui vous intéressent. Nous enregistrons une vidéo du chargement de la page dans le navigateur et examinons la progression visuelle entre les cadres.
  • Time to Interactive (TTI): cette métrique mesure la rapidité avec laquelle une page est utilisable et interactive une fois que le navigateur commence à récupérer son contenu.
  • Temps total de blocage (TBT): Il détermine la durée cumulée pendant laquelle une page Web est empêchée de répondre à toute entrée utilisateur. Il est calculé en additionnant la partie bloquante de toutes les tâches longues entre First Contentful Paint et Time to Interactive. Toute tâche longue qui s'exécute pendant plus de 50 ms. La durée après 50 ms est la partie bloquante d'une tâche longue. Par exemple, lorsqu'une tâche de 70 ms est détectée, la partie de blocage est de 20 ms.

Comment améliorer la vitesse des pages Web?

Hébergement Web performant

L'optimisation matérielle et logicielle d'un serveur peut amener des temps de réponse inférieurs à 100 ms. La mesure TTFB (Time To First Byte) est l'une des mesures de performance clés que les moteurs de recherche analysent sur les pages qu'ils explorent pour les classer par rapport à leurs concurrents. Nous vous recommandons de toujours utiliser les services de fournisseurs de cloud avec une solide expérience, car cela vous garantit des performances, une sécurité, des fonctionnalités et une assistance de premier ordre. WP Engine est la solution testée au combat pour faire fonctionner votre site Web rapidement en un rien de temps.

Tirez parti de la mise en cache du navigateur

Les navigateurs mettent en cache des tonnes de données (CSS, images, fichiers JavaScript, etc.) de sorte que lorsqu'un visiteur revient sur votre site, le navigateur n'a pas besoin de recharger la page entière. Utilisez les outils de développement de votre navigateur et vérifiez si vous avez déjà défini une date d'expiration pour votre cache. Ensuite, définissez l'en-tête de votre réponse HTTP «expire» sur la durée pendant laquelle vous souhaitez que ces informations soient mises en cache. À moins que la conception et les composants de votre site ne changent régulièrement, nous vous recommandons de définir ce cache sur un an.

Optimiser CSS, JavaScript et HTML

Réduisez le nombre d'octets téléchargés pour votre page Web en compressant, en combinant et en minimisant les fichiers CSS, JavaScript et HTML.

Réduisez les requêtes HTTP

Gardez le nombre de requêtes HTTP et leurs domaines d'origine nécessaires pour rendre votre page aussi faible que possible. Chaque demande ajoute une latence informatique et réseau à votre application Web. En outre, chaque fois que le navigateur envoie une requête HTTPS à un domaine pour la première fois, il doit effectuer une négociation SSL / TLS avec le serveur distant, ce qui peut prendre régulièrement plusieurs centaines de millisecondes.

Utilisez le dernier protocole HTTP

HTTP / 2 est un autre moyen simple de rendre votre page Web plus rapide! HTTP / 2 est une version de nouvelle génération du protocole HTTP qui va au-delà des pièges de performances HTTP / 1.X avec le transfert de données binaires, le multiplexage et la fusion des connexions. La 3ème version du protocole est en route et promet des performances encore meilleures. Tu devrais essayer.

Réduisez les redirections

Les utilisateurs sont confrontés à un délai supplémentaire d'attente pour que le cycle de requête-réponse HTTP se termine chaque fois que la page A redirige vers la page B. L'impact cumulatif de ces redirections peut être énorme. Nous vous suggérons d'utiliser un script de redirection optimisé pour les performances et d'éviter un grand nombre de redirections.

Supprimer le JavaScript bloquant le rendu

Différer ou supprimer supprimez le nombre maximum de scripts de votre document HTML afin que le navigateur puisse continuer à créer une arborescence DOM et à rendre votre page sans interruption. Cela accélère le chargement de votre site en réduisant le temps nécessaire au navigateur pour trouver et analyser tout son contenu.

Utiliser un réseau de diffusion de contenu (CDN)

Les réseaux de diffusion de contenu (CDN) sont des systèmes distribués de serveurs qui mettent en cache des copies de votre contenu dans le monde entier et le livrent à une vitesse fulgurante à partir d'emplacements proches de l'utilisateur final. Les CDN peuvent offrir une énorme amélioration des performances - en réduisant la latence de votre site, en réduisant le temps de chargement des pages et en réduisant les frais généraux sur votre serveur.

Optimiser les images

Assurez-vous que vos images ne sont pas plus grandes que nécessaire, qu'elles utilisent un format de fichier de nouvelle génération et qu'elles sont compressées pour le Web. Par exemple, le format WebP offre un taux de compression élevé tout en maintenant une qualité d'image élevée.

Les sprites CSS combinent plusieurs images en une seule et constituent une technique puissante pour accélérer votre site Web. Cela réduit les requêtes HTTP car vous n'avez besoin de charger qu'une seule grande image, puis de restituer une partie de cette image à des emplacements spécifiques d'une page.

Activer la compression

Activer la compression Gzip ou Brotli sur le serveur réduit considérablement la taille des fichiers avant de les envoyer au navigateur. Comme il permet de fournir des pages plus petites et plus rapides avec moins de consommation de mémoire côté client, il s’agit d’une solution rapide et facile pour les performances de votre site Web.

Supprimer le code mort

Veillez toujours à ne pas ajouter de JavaScript, CSS ou commentaires inutiles dans le code de votre page. Par exemple, si une bibliothèque (par exemple, jQuery) n'est nécessaire que sur une page spécifique, assurez-vous qu'elle n'est pas chargée sur d'autres pages où elle affecterait la vitesse de votre page sans ajouter de valeur.

Chargez rapidement le contenu au-dessus de la ligne de flottaison

Souvent, les développeurs Web conçoivent des pages à utiliser uniquement une fois que la page et ses ressources ont été entièrement chargées. Cependant, l'optimisation du code et de la structure de vos pages pour le contenu au-dessus de la ligne de flottaison offrira à vos utilisateurs une expérience de navigation considérablement améliorée car ils pourront consommer son contenu beaucoup plus rapidement.

Conclusion

La vitesse de la page définit la vitesse de chargement d'une page.

La vitesse de la page est essentielle à la performance d'un site, à la perception de la marque et à l'expérience utilisateur globale.

Les performances de la page sont aussi importantes sur mobile que sur ordinateur.

Une page lente oblige un visiteur à quitter le site Web prématurément.

La vitesse de la page est essentielle pour l'optimisation des moteurs de recherche.

Les pages Web hautes performances obtiennent de meilleurs classements dans les moteurs de recherche.

Investir dans un fournisseur d'hébergement Web solide est payant.

Exécutez notre test de vitesse de page pour évaluer les problèmes de performances de n'importe quelle page publique.

Appliquez les recommandations ci-dessus pour améliorer rapidement la vitesse de votre page.

Surveillez en permanence les performances de vos pages.

Effectuez un test de vitesse de page après chaque changement de code pour continuer à offrir la meilleure expérience utilisateur.

Conseils

  • Essayez la plate-forme d'hébergement WP Engine pour obtenir la meilleure vitesse de site.
  • Réalisez régulièrement un audit SEO complet pour compléter l'optimisation de vos pages.
  • Explorez les ressources web.dev pour obtenir les dernières informations sur les performances Web.