Intro
Qu'est-ce que la performance web ?
Qu'est-ce que la page speed ?
Comment puis-je connaître la vitesse de chargement de mon site web ?
Quel est l'impact de la vitesse de mon site web sur mon référencement ?
Lorsque nous créons notre nouveau site web, voici quelques questions que nous ne nous posons pas assez. Il en va de même lorsque nous décidons d'optimiser notre site web pour être plus facilement trouvé sur Google.
Mais concentrons-nous d'abord sur la "Google Page Speed".
Qu'est-ce que Google Page Speed Insight ?
"Google Pagespeed Insights" est un outil de diagnostic des performances fourni par Google. C'est un outil indispensable si vous faites de l'optimisation pour les moteurs de recherche. Il est 100% gratuit".
Cfr. https://premiersurgoogle.ca/optimisation-google-pagespeed.php
Si nous voulons connaître les performances de notre site web, nous pouvons utiliser cet outil de Google qui se trouve sur le lien suivant :
https://developers.google.com/speed/pagespeed/insights/?hl=fr
Grâce à cet outil, nous disposerons d'une analyse gratuite des performances du site web avec les 3 points suivants :
- Notre page Speed Score
- La vitesse de chargement de notre site web (bureau et mobile)
- Suggestions pour optimiser notre site web pour la vitesse des pages
La relation entre Pagespeed et SEO
La vitesse de chargement de mon site web a-t-elle un impact sur mon référencement ?
Oui
La vitesse ou la performance du site web fait partie de ce que l'on appelle Off Page SEO.
Imaginons qu'un utilisateur lance une recherche sur Google avec des mots-clés pertinents pour notre domaine et référencés sur notre site web.
Le SERP (Search Engine Result Page) de Google nous reviendra alors avec les résultats les plus pertinents.
Pour améliorer l'expérience de l'utilisateur, Google fera tout pour renvoyer les résultats le plus rapidement possible. Et dans la même perspective, l'expérience utilisateur sera encore plus optimale si les pages les plus pertinentes sont aussi les plus rapides.
C'est pourquoi, pour deux sites ayant le même contenu, la performance sera également un facteur de sélection supplémentaire pour l'outil de recherche. Et Google donne toujours la priorité aux sites qui chargent rapidement.
Autre point en faveur de la performance : plus notre site web est performant, plus vite le bot Google l'indexera, plus vite notre nouveau contenu sera disponible sur Google.
Où pouvons-nous donc trouver notre page Speed Insight ou PSI ?
Le PSI est donc l'un des critères essentiels pour notre classement dans Google. Mais lorsque nous le calculons, nous constatons que le score peut fluctuer pour chaque requête. Cela est simplement dû au fait que pour chaque test, les conditions peuvent être différentes : qualité du réseau, scripts utilisés, annonces de tiers, ...
Le score de vitesse des pages est-il donc vraiment important pour nous ?
- Oui, car il déterminera notre classement sur Google.
- Non, parce qu'il n'est jamais réelement fixe.
Cependant, si nous ne devons pas prendre le PSI au pied de la lettre, ce dernier nous invite à réfléchir et à planifier nos actions pour optimiser les performances de notre site web et ainsi réduire son temps de chargement. Et en fonction de la gravité du diagnostic et des opportunités trouvées, nous pourrons agir et optimiser notre site web.
"Ces suggestions peuvent aider à accélérer le chargement de votre page. Cependant, elles n'ont pas d'impact direct sur le score de performance".
Notez cela :
Si Google dispose du logiciel PageSpeed Insights pour analyser la vitesse de chargement de notre site web, il nous offre également une plateforme dédiée uniquement aux sites web mobiles :
Mobile: https://www.thinkwithgoogle.com/feature/testmysite/
Desktop: https://developers.google.com/speed/pagespeed/insights/?hl=fr
6 CONSEILS SIMPLES POUR AMÉLIORER IMMÉDIATEMENT LA VITESSE DE VOTRE SITE WEB
1. Minify CSS
La minification CSS est la procédure permettant de supprimer les données redondantes dans nos fichiers CSS (code en double, commentaires dans le document, formatage, codes et fonctions inactifs, ... ).
Il est important de minimiser nos fichiers CSS, HTML et JS :
2. Minify JavaScript
Voir Minify CSS
3. Minify HTML
Voir Minify CSS
4. Activer la mise en cache du navigateur
La mise en cache consiste à enregistrer une copie de notre site web localement sur l'ordinateur du visiteur. Ainsi, lors de la prochaine visite de l'utilisateur sur notre site, le navigateur pourra répondre à la demande en chargeant d'abord la copie locale sans avoir à utiliser le serveur web. Chaque ressource devra spécifier à son tour à quel intervalle elle rafraîchira le cache avec une nouvelle copie.
Nous pourrons alors charger notre site web beaucoup plus rapidement que lorsque nous n'utilisons pas de cache.
5. Différer les images hors écran
Lorsque nous ouvrons une page web, nous sommes alors bien conscients qu'il est impossible d'afficher toutes les informations sur notre écran sans les faire défiler vers le bas.
Dans ce contenu invisible, on trouve aussi des images.
En retardant le chargement des images "invisibles", nous permettons au navigateur d'afficher la page beaucoup plus rapidement car les parties invisibles ne sont tout simplement pas chargées.
Ce processus est également appelé "Lazy Loading".
6. Dimensionner correctement les images
Les fichiers les plus lourds que l'on trouve sur notre site web, mis à part les vidéos stockées sur nos serveurs, sont les photos. Et la plupart du temps, celles-ci sont mal optimisées pour un fonctionnement idéal de notre page web.
En voulant avoir la photo dans la meilleure qualité possible, nous avons tendance à télécharger des photos beaucoup trop grandes. Cela va inévitablement réduire la vitesse de notre site web, ce pour quoi Google nous pénalisera.
Que pouvons-nous faire à ce sujet ?
Simple…
Ajustez la taille des images sur notre site pour un rendu et des performances optimales.
Conclusion
Le Google PageSpeed Insights est un test très important à faire passer à votre site, mais nous savons aussi dès à présent que ce score n'est pas un but en soi.
Les parties les plus importantes de Google PageSpeed Insight sont les suivantes :
- Notre page Speed Score
- La vitesse de chargement de notre site web (bureau et mobile)
- Suggestions pour optimiser notre site web pour la vitesse des pages
Lorsque nous utilisons correctement cet outil, nous sommes en mesure de trouver les zones problématiques sur notre site web et de les résoudre. Ainsi, nous pourrons réduire la vitesse de chargement et avoir un meilleur site Internet pour les utilisateurs.
