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 ?
When we create our new website, here are some questions we don’t ask ourselves enough. The same goes when we decide to optimize our website to be more easily found on Google.
But first let us focus on “The Google Page Speed”.
Qu'est-ce que Google Page Speed Insight ?
“Google Pagespeed Insights is a performance diagnostic tool provided by Google. This is a must-have tool if you’re doing search engine optimization. It’s 100% free.”
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.
Let’s imagine a user launches a Google search with keywords relevant to our domain and referenced on our website.
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.
That’s why for two sites with the same content, performance will also be an additional selection factor for the search tool. And Google always gives priority to sites that load quickly.
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.
“These suggestions may help your page load faster. However, they have no direct impact on the performance score.”
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
Caching consists of saving a copy of our website locally on the visitor’s computer. Therefore, when the user visits our website next time, the browser will be able to respond to the request by first loading the local copy without having to use the web server. Each resource will have to specify in turn at what interval it will refresh the cache with a new copy.
We will then be able to load our website much faster than when we don’t use caching.
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.
By delaying the loading of the “invisible” images, we allow the browser to display the page much faster because the invisible parts are simply not loaded.
This process is also called “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.