Qu’est-ce que la vitesse de chargement de votre site ? (et comment accélérer votre page speed)
La vitesse de la page ou le Page Speed (également appelée à tort vitesse du site) mesure la vitesse à laquelle le contenu d’une page se charge.
Si vous voulez que votre site génère du trafic, des commandes, des visites en magasin ou des appels téléphoniques, vous devez avoir une vitesse de page rapide. Si vous optez pour un site web lent, votre site prendra la dernière place dans les résultats de recherche, laissant vos clients à vos concurrents.
Qu’est-ce que la vitesse de page ?
La vitesse de la page mesure la vitesse à laquelle le contenu se charge sur une seule page.
Dans certains cas, les développeurs désignent la vitesse de la page comme le temps de chargement de la page, c’est-à-dire le temps qu’il faut à une page pour afficher tout son contenu, ou le temps de premier octet, c’est-à-dire le temps qu’il faut à un navigateur web, comme Google Chrome, pour recevoir le premier octet d’information de votre serveur web.
Qu’est-ce que le page speed ?
En comparaison, la vitesse du site mesure la vitesse des pages, mais pour un échantillon de pages vues sur votre site.
Vous pouvez vérifier la vitesse de votre site dans Google Analytics, qui est fourni avec un rapport sur la vitesse du site. Il vous suffit de vous connecter à votre compte, de sélectionner « Comportement » dans le menu latéral, puis de choisir « Vitesse du site » pour voir les performances de votre site web.
Comment vérifier instantanément la vitesse de votre page
Découvrez la vitesse de votre site web en vérifiant instantanément la vitesse de votre page grâce à Google PageSpeed Insights.
Cet outil gratuit vous donnera une note globale pour la vitesse de votre page mobile et celle de votre page de bureau.
Cependant, il est très important de se concentrer sur la vitesse de votre page mobile. Avec plus de 50 % du trafic Internet provenant des appareils mobiles, Google se concentre désormais sur l’expérience mobile en raison de son indice « mobile first », ce qui signifie que vous souhaitez un site rapide pour les smartphones.
En plus de votre score, vous aurez plusieurs points de données différents, dont :
- Première peinture de contentement
- Première peinture significative
- Le temps de l’interactivité
- Délai de la première saisie
Si vous n’avez pas de formation de développeur, concentrez votre attention sur First Meaningful Paint et sa rapidité.
First Meaningful Paint décrit le temps qu’il faut à votre page pour charger suffisamment de ressources pour que les utilisateurs puissent interagir avec votre contenu. Votre page peut ne pas se charger à 100 % en une seconde, mais elle se charge suffisamment pour que les utilisateurs interagissent avec votre page.
Un score rapide signifie que les utilisateurs peuvent interagir avec votre contenu plus tôt, ce qui les rend moins susceptibles de partir.
Si vous souhaitez vérifier la vitesse de votre page avec d’autres outils, il existe des alternatives à Google, notamment :
Bien que vous puissiez utiliser ces outils, il est utile de vérifier votre vitesse via PageSpeed Insights, car cet outil vous permet de voir comment Google considère votre site et sa vitesse. Vous pouvez ensuite utiliser vos résultats (et les conseils de Google) pour améliorer la vitesse et le classement de votre site dans les résultats de recherche Google.
Pourquoi la vitesse des pages est-elle si importante en SEO ?
La vitesse de votre page est importante pour deux raisons essentielles : Le SEO et le trafic gratuit
Si vous êtes familier avec l’optimisation pour les moteurs de recherche (SEO), vous avez probablement entendu parler de l’importance de la vitesse des pages pour le SEO – et c’est le cas. Les moteurs de recherche (et les utilisateurs) aiment les sites web rapides. C’est pourquoi les moteurs de recherche comme Google utilisent la vitesse des pages comme facteur de classement.
L’adoption de la vitesse des pages comme facteur de classement permet aux moteurs de recherche d’améliorer l’expérience des utilisateurs. Ils fournissent aux utilisateurs non seulement les informations et les réponses qu’ils souhaitent, mais aussi l’expérience qu’ils attendent.
« Vous ne pouvez pas vous contenter d’un classement en page 2 ou 10. Si vous voulez développer votre entreprise, vous avez besoin d’un classement en page 1, et cela exige un site web rapide ».
Si les moteurs de recherche donnaient systématiquement de mauvaises réponses et si les sites web étaient terriblement lents, les gens cesseraient d’utiliser ces moteurs de recherche. Ils passeraient à un autre moteur de recherche, comme Bing. C’est pourquoi les moteurs de recherche utilisent aujourd’hui la vitesse des pages comme facteur de classement.
Mais pourquoi s’intéresser à ce que les moteurs de recherche pensent de votre site ? Ou même de la façon dont ils les classent ?
Les gens comptent sur les moteurs de recherche pour chaque partie de l’entonnoir d’achat, y compris la découverte, la recherche et l’achat. Près de 95 % des expériences en ligne commencent avec un moteur de recherche. Si votre entreprise veut atteindre de nouveaux prospects en ligne, vous ne pouvez pas ignorer les moteurs de recherche et l’optimisation des moteurs de recherche.
Vous ne pouvez pas non plus vous contenter d’un classement en page 2 ou en page 10. Si vous voulez développer votre entreprise, vous devez vous contenter d’un classement en page 1, car la plupart des utilisateurs restent sur la première page. Des études montrent, par exemple, que 75 % des utilisateurs restent sur la première page et que 75 % des clics vont vers les trois premiers résultats de la première page.
Utilisateurs
Lorsque vous saisissez une requête de recherche sur Google, vous ne voulez pas attendre une réponse.
Vous vous attendez à ce que vos résultats de recherche (et le résultat sur lequel vous cliquez) se chargent rapidement. Lorsqu’ils ne le font pas, vous êtes frustré et vous trouvez vos réponses ailleurs, et vous choisissez probablement un autre site web dans la liste des résultats de recherche.
Comme 83 % des utilisateurs, vous vous attendez probablement à ce que les sites se chargent en trois secondes ou moins.
C’est pourquoi les sites web plus rapides ont tendance à être plus performants, non seulement en termes de résultats de recherche, mais aussi de ventes et de revenus. Ils offrent une expérience utilisateur que les gens veulent et exigent. Pour mettre les choses en perspective, saviez-vous que les sites mobiles qui se chargent en deux secondes ou moins affichent un taux de conversion supérieur de 15 % ?
Si vous offrez aux gens une expérience rapide et transparente, il leur sera encore plus facile d’acheter chez vous.
Maintenant que vous avez les résultats de la vitesse de votre page, et que vous savez pourquoi un site web rapide est important, comment accélérer votre site web ? L’optimisation de la vitesse des pages, parfois appelée optimisation de la vitesse des sites web, comprend une série d’étapes et de tactiques.
Découvrez ces stratégies dès maintenant :
- Compressez vos fichiers
Votre site web se compose de fichiers CSS, HTML et JavaScript.
Si vous voulez améliorer la vitesse de votre page, vous pouvez compresser ces fichiers pour en diminuer la taille. Vous pouvez choisir parmi plusieurs outils différents pour la compression des fichiers, dont GNU Gzip. Quelques outils basés sur un navigateur sont également disponibles, comme TextFixer et JSCompress.
Améliorer le temps de réponse de votre serveur
La lenteur des temps de réponse du serveur de votre site web peut décimer la vitesse de votre page.
Le temps de réponse de votre serveur, qui doit rester inférieur à 200 ms, dépend de plusieurs facteurs, dont
- Le trafic du site web
- Ressources de la page
- Logiciel serveur
- Fournisseur d’hébergement
Vous pouvez généralement repérer une vitesse de page lente due aux temps de réponse du serveur en recherchant un routage lent et des requêtes de base de données. Vous devez essentiellement rechercher les goulets d’étranglement au niveau des performances, que vous constaterez sur l’ensemble de votre site par rapport à une page spécifique.
Une fois que vous aurez confirmé l’impact de votre serveur sur la vitesse de votre page, vous pourrez commencer à rechercher vos options.
Par exemple, vous pouvez changer de fournisseur d’hébergement ou mettre à niveau vos plans d’hébergement pour donner à votre serveur la puissance nécessaire pour gérer le trafic de votre site web et les ressources de vos pages. Dans la plupart des cas, les corrections du temps de réponse du serveur concerneront votre solution d’hébergement.
Compressez vos images
La compression des images est un domaine où il est possible d’améliorer la vitesse des pages.
Tout comme vos fichiers HTML, CSS et JavaScript, vous pouvez réduire la taille des fichiers d’images. Un fichier image plus petit peut améliorer la vitesse de votre page, ce qui peut vous permettre de bénéficier de tous les avantages d’un site web rapide : Classement, trafic et ventes plus élevés.
Vous pouvez comprimer vos images avec différents outils, notamment :
- Adobe Photoshop
- Squoosh
- Kraken
- WP Smus
En plus de la compression des images de votre site web, vous pouvez également choisir un format de fichier compatible avec le référencement. Pour obtenir les meilleurs résultats, choisissez le format PNG ou JPEG. Bien que vous puissiez utiliser les formats d’images de la prochaine génération, ce que PageSpeed Insights recommande, ces formats ne sont pas compatibles avec tous les navigateurs, comme Safari.
Utiliser la mise en cache du navigateur
Un navigateur, comme Safari ou Chrome, met souvent en cache ou stocke les informations du site web pour permettre aux utilisateurs de revenir plus facilement (et plus rapidement) sur votre site. Les navigateurs peuvent mettre en cache toute une série de fichiers, y compris des images et des feuilles de style.
Votre site web, cependant, détermine la durée pendant laquelle les navigateurs stockent vos informations.
Si vous souhaitez améliorer la vitesse de votre page, vous pouvez étendre les paramètres de mise en cache d’un navigateur. Au lieu de définir un cache de navigateur pour que votre site web expire au bout d’un mois, par exemple, vous pouvez prolonger cette date d’expiration à un an.
N’utilisez cette tactique d’optimisation de la vitesse de votre site web que si votre site est statique. Si vous mettez régulièrement à jour l’apparence de votre site, vous souhaitez que les navigateurs vidant leur cache plus souvent pour afficher la dernière version de votre site.
Minimisez votre code
Ensuite, vous pouvez minifier le code CSS, HTML et JavaScript de votre site – ou le code de vos fichiers.
Vous pouvez minifier (ou réduire) votre code de plusieurs façons, par exemple en le supprimant :
- Commas
- Espaces
- Code non utilisé
- Commentaires
- Formatage
Essentiellement, vous ou vos développeurs pouvez supprimer tout code inutile.
Rationalisez le processus d’optimisation de la vitesse de votre site web avec des outils gratuits recommandés par Google, comme CSSNano ou UglifyJS. Si vous n’êtes pas à l’aise pour réduire le code, vous pouvez toujours demander à votre développeur ou à votre agence de référencement (si vous êtes partenaire) de s’occuper de cette étape.
Essayez un réseau de distribution de contenu
Les sites web qui reçoivent du trafic du monde entier (ou même des États-Unis) peuvent bénéficier d’un réseau de distribution de contenu (CDN). Un CDN peut vous aider à diffuser votre site plus rapidement en stockant des copies de celui-ci dans le monde entier sur des CDN.
Voici quelques exemples de CDN :
- Eclat des nuages
- Amazon CloudFront
- Akamai
Si vous décidez d’investir dans un CDN, travaillez avec votre équipe de développement pour vous assurer que vous choisissez le meilleur pour votre organisation. Un fournisseur de services d’optimisation de la vitesse des pages, comme WebFX, peut également vous conseiller.
Les JavaScript bloquant le rendu peuvent augmenter considérablement la vitesse de votre page.
En effet, les navigateurs analysent le code HTML de votre page avant de la rendre aux utilisateurs. Si ces navigateurs rencontrent un code JavaScript bloquant le rendu, ils devront l’exécuter, ce qui peut augmenter la vitesse de votre page.
Pour obtenir les meilleurs résultats, Google recommande :
- Éviter les JavaScript bloquant le rendu
- Utilisation de l’attribut async pour les fichiers JavaScript externes
- Report du JavaScript bloquant le rendu
- Intégration de JavaScript bloquant le rendu
Si vous n’avez pas de formation de développeur, vous devrez travailler avec votre développeur interne, votre équipe de développement ou votre agence d’optimisation de la vitesse des pages. Ils peuvent vous aider à optimiser votre JavaScript tout en gardant votre site web opérationnel.
Limitez vos redirections
Un nombre excessif de redirections (aussi appelées 301) peut également nuire à la vitesse de votre page, c’est pourquoi vous souhaitez limiter vos redirections au minimum. Les redirections réduisent la vitesse de la page car elles provoquent un cycle requête-réponse HTTP.