Si un utilisateur clique sur une page de votre site Web et se retrouve à attendre plus de quelques secondes pour que votre page se charge, il est susceptible de quitter votre page et peut vous coûter une conversion.
Heureusement, il existe un remède pour augmenter la vitesse de la page, mais cela implique l’identification du problème ou des problèmes entraînant des délais d’exécution lents.
Comme il peut être difficile de déterminer ce qui ne va pas, vous pouvez utiliser des outils tels que PageSpeed Insights de Google pour vous aider. Google PageSpeed prend en compte plusieurs facteurs pour un score global de temps de chargement du score. Lorsque vous analysez la vitesse de la page , Google vous donne une liste de mesures qui contribuent au score. Découvrons quelles sont ces mesures.
Augmentez la vitesse de la page avec les données de champ de Google PageSpeed Insights
Le premier ensemble que vous donne Google PageSpeed Insights s’appelle les données de champ. Cela inclut une variété d’aspects de votre site. (Vous pouvez également en savoir plus sur les principaux Web Vitals et sur la façon dont cela affectera la vitesse et les performances SERP.)
1. First Contentful Paint (FCP)
FCP est lorsque votre navigateur rend les informations initiales. Cela inclut le texte, les images (y compris les images d’arrière-plan), la toile non blanche et les graphiques vectoriels évolutifs (SVG).
2. La plus grande peinture de contenu (LCP)
LCP est une métrique d’expérience Google qui mesure le temps nécessaire au chargement du plus gros bit d’informations de la page. Google utilise LCP comme facteur de classement des pages.
3. Décalage cumulatif de la disposition (CLS)
CLS est un autre facteur de classement pour Google. Il s’agit d’un changement inattendu – c’est-à-dire de passer à d’autres emplacements de votre écran – des éléments de la page lors du chargement. C’est une indication d’un mauvais codage et peut être causé par des images, des publicités, des vidéos, des formulaires de contact et des polices.
4. Premier délai d’entrée (FID)
Le FID mesure le temps de réponse du site lorsqu’un utilisateur interagit avec lui pour la première fois. Si votre utilisateur clique sur une vidéo, le temps nécessaire pour lire une vidéo est votre FID.
Utilisation des données de laboratoire pour augmenter la vitesse de la page
Le deuxième ensemble d’éléments est appelé données de laboratoire. Il comprend les éléments ci-dessus, ainsi que le temps total de blocage, le temps d’interactivité et l’indice de vitesse.
1. Indice de vitesse (SI)
SI mesure le temps moyen nécessaire pour que tous les éléments d’une page deviennent visibles. Mesuré en millisecondes, il calcule le temps nécessaire aux éléments visuels pour se charger au-dessus du pli – la partie d’une page Web vue avant qu’un utilisateur n’ait à faire défiler.
2. Time to Interactive (TTI)
TTI mesure le temps nécessaire pour que tous les éléments interactifs d’une page deviennent pleinement fonctionnels. C’est le temps entre le premier Contentful Paint et le moment où la page peut gérer l’entrée de l’utilisateur.
3. Durée totale de blocage (TBT)
TBT mesure le temps entre le moment de la première peinture riche en contenu et le moment où un site devient interactif.
Pourquoi est-il important d’améliorer la vitesse de la page?
La vitesse de la page affecte l’expérience utilisateur, ce qui peut faire ou défaire votre site. Une vitesse de page plus rapide permet une meilleure expérience utilisateur et peut augmenter les pages vues et les conversions et réduire le taux de rebond. Entrons plus en détail sur les avantages de l’amélioration de la vitesse des pages.
1. Améliorez l’expérience utilisateur en augmentant la vitesse du site Web
Selon nos recherches , 47% des consommateurs s’attendent à ce qu’un site Web se charge en moins de deux secondes.
Chaque seconde endommage ensuite l’expérience utilisateur. Les internautes ne veulent pas attendre le chargement de votre page et rebondissent souvent pour trouver une autre entreprise offrant une meilleure expérience utilisateur.
2. Augmenter le nombre de pages vues
Vous avez peut-être remarqué que certaines des mesures que j’ai mentionnées ci-dessus, à savoir LCP et CLS, affectent le classement des pages Google. Dans sa quête pour fournir des résultats de recherche de haute qualité aux utilisateurs, Google inclut des mesures mesurant les temps de chargement. Ainsi, meilleure est la vitesse de votre page, meilleur est votre classement sur Google .
3. Augmentez les conversions
Si vos pages se chargent rapidement, il va de soi que vos utilisateurs seront plus heureux et plus disposés à se transformer en clients. Dans 12 études de cas menées par HubSpot , ils ont constaté que la diminution du temps de chargement des pages augmentait les conversions de 3 à 17%.
Nous avons fait le calcul. Si vous êtes un site de commerce électronique qui gagne 10 000 $ par jour, un retard de page d’une seconde pourrait vous coûter 2,5 millions de dollars par an.
4. Taux de rebond inférieur
Selon Think with Google, lorsque le temps de chargement de votre page passe d’une seconde à trois secondes, la probabilité de rebond augmente de 32%. Si elle passe de une à cinq secondes, cette probabilité augmente de 90%.
La différence de quelques secondes est la différence entre garder et convertir des utilisateurs et les regarder aller ailleurs.
8 façons d’augmenter la vitesse de la page
Pour obtenir une base de référence pour la vitesse de votre page actuelle, testez votre site à l’aide d’un outil tel que Google PageSpeed Insights.
Il vous demandera de saisir une URL, puis prendra quelques minutes pour analyser votre page.
Lorsque c’est fait, vous obtiendrez un score global qui ressemble à ceci.
C’est un score assez bas, mais ne paniquez pas. Google explique qu’un certain nombre de facteurs peuvent affecter le score final et même le faire fluctuer. Certains de ces facteurs comprennent:
- réalisation de tests A / B
- changer les annonces sur votre page
- changements dans le routage du trafic Internet
- des tests sur différents appareils, tels qu’un ordinateur de bureau haute performance et un ordinateur portable basse performance
- extensions de navigateur qui injectent du JavaScript, qui peuvent ajouter ou modifier des requêtes réseau
- Logiciel antivirus
Google peut analyser ces facteurs et vous proposer une liste d’opportunités et de diagnostics pour vous aider à accélérer le temps de chargement de votre page.
Vous pouvez également essayer les actions suivantes pour augmenter la vitesse de la page:
1. Limiter les redirections
Plus vous avez de redirections, plus il faut de temps au serveur pour trouver et charger la bonne page. Éliminez les redirections inutiles partout où vous le pouvez.
2. Incluez la barre oblique finale
N’oubliez pas d’ inclure la barre oblique à la fin de l’URL. Ce faisant, vous indiquez au serveur qu’il n’y a pas de répertoires de fichiers à rechercher, et cette page est la destination finale.
Ainsi, au lieu de www.neilpatel.com/ubersuggest, votre URL doit lire www.neilpatel.com/ubersuggest/ .
Cela réduira d’une fraction de seconde votre temps de chargement, où chaque milliseconde compte.
3. Compresser et optimiser les images
Les fichiers image volumineux ou de nombreuses images peuvent prendre une grande partie du temps de chargement de votre page. Assurez-vous que toutes vos images sont redimensionnées et compressées correctement.
Ils doivent également être enregistrés dans le bon format. Les fichiers PNG et JPEG sont les plus faciles à compresser et tous les navigateurs les prennent en charge.
La compression d’une image réduit la taille du fichier et est représentée en kilo-octets et en mégaoctets. En règle générale, les images de haute qualité peuvent être compressées de 60% à 80% . Vous ne devriez jamais avoir une image plus grande que 1 Mo.
Le redimensionnement modifie la taille de l’image sur la page. Les images de héros peuvent occuper toute la largeur de votre site (soit environ 1900 pixels), tandis que les images plus petites doivent être de 700 pixels ou moins. Vous pouvez toujours réduire la taille, mais il est très difficile d’augmenter la taille sans une image pixélisée.
4. Utilisez un réseau de diffusion de contenu (CDN)
Avec un CDN , un réseau de serveurs héberge votre site localement pour accélérer les temps de chargement des pages. Un utilisateur à Dublin accédant à un site Web hébergé à Los Angeles, par exemple, n’aurait pas à cingler le serveur d’origine mais plutôt un serveur plus proche en Irlande.
En répartissant le contenu sur plusieurs serveurs, il réduit le nombre de requêtes vers le serveur d’origine, ce qui ralentit les temps de chargement.
5. Limiter les plugins et les éléments de page supplémentaires
Les plugins, JavaScript et d’autres éléments supplémentaires augmentent le temps de chargement de la page. N’incluez que les éléments nécessaires à votre page.
Bien sûr, il existe des plugins conçus pour améliorer la vitesse du site. Les plugins qui redimensionnent automatiquement les images, réduisent le code et reportent le chargement JavaScript peuvent contribuer à la vitesse de la page. Vous devez déterminer si les cloches et les sifflets autorisés par ces plugins valent le compromis avec la vitesse de la page.
6. Réduisez votre HTML ou CSS
Lorsque vous réduisez le code de votre site , vous supprimez tous les espaces, notes et balisages supplémentaires que les développeurs utilisent pour rendre leur code lisible et plus facile à travailler sur la route. Un serveur n’a pas besoin de tout cela pour lire du HTML, du JavaScript ou du CSS, et il peut gêner le chargement d’une page.
Il existe des outils pour vous aider à réduire vos sites:
- Compresseur YUI de Yahoo! pour CSS
- Google Closure Compiler pour JavaScript
- Microsoft Ajax Minifier pour CSS
- HTMLMinifier pour HTML
7. Utiliser la mise en cache
Lorsqu’un site met en cache , le serveur enregistre des copies de ses pages, de sorte qu’il n’a pas à recommencer à zéro à chaque fois qu’il charge le site. En utilisant la mise en cache, vous pouvez réduire le temps.
8. Choisissez votre hébergeur avec soin
En matière d’hébergement Web, vous en avez pour votre argent. Les forfaits moins chers peuvent ne pas être en mesure de gérer autant de trafic, ce qui pourrait ralentir la vitesse de votre page.
Il existe quatre types de services d’ hébergement Web , vous pouvez choisir:
- Hébergement partagé: un seul serveur héberge plusieurs petits sites. Le prix de l’hébergement partagé est bas, mais une augmentation du trafic vers d’autres sites hébergés peut ralentir le vôtre.
- Hébergement VPS: Un serveur privé virtuel, ou VPS, héberge de nombreux sites, mais chaque site a un «spot» virtuel dédié uniquement à eux. Parce qu’il est virtuel, il vous donne plus de ressources, réduisant potentiellement le risque de problèmes de vitesse du site liés au trafic.
- Hébergement de serveur dédié: un site est hébergé sur un seul serveur. Bien que plus coûteux, il permet de réduire ou d’éliminer le risque de perte de vitesse du site en raison des pics de trafic d’autres sites.
- Hébergement cloud: les sites Web sont hébergés sur un réseau de serveurs virtuels et physiques qui offrent plus de ressources et plus de flexibilité. Si vous obtenez soudainement une augmentation du trafic, un hôte virtuel évoluera pour le gérer.
Pour choisir le bon service d’hébergement pour votre site, tenez compte de la taille de votre site et de votre budget.
Conclusion
Un temps de chargement rapide a toujours été un élément important de l’expérience utilisateur. Maintenant qu’il s’agit de l’un des composants de Google dans son algorithme de classement, la vitesse des pages est devenue critique pour le classement et les pages vues.
Pour améliorer la vitesse de la page, recherchez les problèmes courants qui entraînent un chargement lent des pages, comme les images trop volumineuses ou vous utilisez trop de plugins.