Pourquoi votre site est lent (et comment l’accélérer)

Pourquoi la vitesse compte

Vos visiteurs ne voient pas votre site sur votre ordinateur de bureau, avec la fibre. Ils le voient sur leur téléphone, dans la rue, avec une connexion moyenne. Et ils n’attendent pas : selon une étude publiée par Google en 2016, 53 % des visites sur mobile sont abandonnées quand une page met plus de 3 secondes à s’afficher. Le visiteur qui repart ne voit ni vos services ni votre numéro.

Google, de son côté, mesure l’expérience réelle de vos visiteurs avec trois indicateurs, les Core Web Vitals : le temps d’affichage du contenu principal, la réactivité aux clics, et la stabilité de la page pendant le chargement. Ils comptent parmi les signaux de classement. Un site rapide ne passe pas devant grâce à sa seule vitesse, mais un site lent part avec un handicap, surtout face à des concurrents au contenu comparable.

Comment mesurer la vitesse de votre site

L’outil de référence est gratuit : PageSpeed Insights, de Google. Entrez l’adresse de votre page d’accueil, puis celle d’une page de service, et regardez d’abord l’onglet mobile. Il donne deux types de résultats, à ne pas confondre.

• Les données réelles, en haut de la page : les mesures des visiteurs de Chrome sur les 28 derniers jours. C’est ce que Google prend en compte. Elles n’apparaissent que si le site a assez de visites : beaucoup de petits sites n’en ont pas.
• Le diagnostic en laboratoire (la note sur 100) : une simulation sur un téléphone de milieu de gamme, avec une connexion ralentie. Elle varie un peu d’un essai à l’autre, mais elle liste précisément ce qui ralentit la page.

Seuils des Core Web Vitals de Google : un indicateur est « bon » quand au moins 75 % des visites respectent le seuil.

Notre guide des Core Web Vitals détaille chaque indicateur. Pour un premier diagnostic, retenez ceci : si le LCP mobile dépasse 4 secondes, le site perd des visiteurs à coup sûr.

Les causes les plus fréquentes

Des images trop lourdes

C’est la cause numéro un, et la plus simple à corriger. Une photo prise au téléphone pèse souvent plusieurs mégaoctets et mesure plus de 4 000 pixels de large. Posée telle quelle sur une page, elle est affichée sur 400 pixels, mais le téléphone du visiteur la télécharge en entier. Une image bien préparée, au bon format (WebP ou AVIF) et à la bonne taille, pèse dix à cinquante fois moins, sans différence visible.

Un constructeur de pages et des extensions empilés

Sur WordPress, certains constructeurs de pages ajoutent à chaque page des couches de code, des feuilles de style et des scripts dont la page n’a pas besoin. Ajoutez une extension pour le slider, une pour les animations, une pour les icônes, une pour la galerie : chacune charge ses propres fichiers. Le site devient lourd sans que rien ne se voie à l’écran. Notre comparatif des builders WordPress montre l’écart entre les outils.

Les scripts tiers

Tout ce qui vient d’un autre site se charge depuis un autre serveur, que vous ne maîtrisez pas : la bulle de chat, la vidéo YouTube intégrée, la carte Google Maps, le fil Instagram, les boutons de partage, les pixels publicitaires, et souvent le bandeau de cookies que ces services rendent nécessaire. Chacun peut ajouter des centaines de kilo-octets de code et ralentir la réaction aux clics.

Les polices de caractères

Une police chargée chez Google Fonts, en six graisses différentes, peut retarder l’affichage du texte. Mieux vaut héberger les polices sur le site, en limiter le nombre, et prévoir une police de secours de mêmes proportions pour que le texte ne bouge pas à leur arrivée.

L’hébergement et le cache

Un hébergement mutualisé saturé met longtemps à répondre, avant même que la page commence à arriver. Sans cache, WordPress recalcule chaque page à chaque visite. Notre guide de l’hébergement WordPress donne un repère : au-delà de 600 ms pour le premier octet, l’hébergement bride le site.

Ce qui accélère vraiment un site

Dans l’ordre, du plus simple au plus profond :

1. Préparer les images : les convertir en WebP, les redimensionner à leur taille d’affichage, et ne charger les images du bas de page qu’au moment où l’on y arrive. Seule l’image du haut de page doit arriver en priorité.
2. Remplacer les intégrations par des liens : une image de la vidéo avec un bouton lecture, qui ne charge YouTube qu’au clic ; une image de plan qui ouvre Google Maps ; un simple lien vers Instagram plutôt que le fil. Notre article sur le RGPD et les sites internet montre que vous y gagnez aussi en cookies.
3. Faire le ménage dans les extensions : désactiver et supprimer celles qui ne servent plus, remplacer celles qui font doublon.
4. Activer un cache adapté à l’hébergement, et vérifier qu’il ne casse rien.
5. Héberger les polices sur le site et en limiter les graisses.
6. Changer d’hébergement si le serveur reste lent, une fois le reste corrigé.
7. Reconstruire le site quand c’est la construction elle-même qui pèse : un constructeur lourd ne s’allège pas avec des réglages.

Méfiez-vous des extensions qui promettent un score de 100 en un clic. Elles peuvent aider, mais elles ne retirent pas le code inutile : elles le compressent et le retardent, parfois au prix de bugs d’affichage.

Optimiser ou refaire ?

Si PageSpeed Insights pointe surtout les images, un cache absent ou deux ou trois scripts tiers, une optimisation suffit, et elle se fait en quelques heures. Si le site est construit avec un constructeur de pages lourd, que chaque page charge des dizaines de fichiers et que les décalages de mise en page se multiplient, les réglages ne feront gagner que quelques points : la reconstruction sur une base légère est souvent plus rentable que des mois de rustines.

Le bon moment pour trancher est souvent celui où d’autres raisons s’ajoutent : un design qui a vieilli, des textes à revoir, un référencement en baisse. Notre guide de la refonte de site internet explique comment refaire un site sans perdre ses positions sur Google.

Ce que je vois chez mes clients

L’Art de la Photo, un blog photo de 359 articles, s’était construit par couches successives de constructeurs de pages, et chaque génération avait laissé son code dans les articles. Je l’ai reconstruit sur Etch, sans aucun code de constructeur dans les contenus : sur ordinateur, sa page d’accueil obtient 92 sur 100 à Lighthouse et affiche son contenu principal en 1,2 seconde. Avec le travail éditorial qui a suivi, ses clics depuis Google sont passés de 858 à 6 246 par mois.

Les sites que je crée partent de ces règles dès le premier jour. Celui de Maître Fontaine, avocate à Arras, s’affiche en 1,4 seconde sur mobile, sans le moindre décalage visuel. Celui de STUDIØ 538, studio photo, reste parfaitement stable au chargement sur des pages pourtant très riches en images.

Et ce site ne vous demande pas de me croire sur parole : sa page d’accueil affiche le temps qu’elle a mis à s’afficher chez vous, mesuré par votre propre navigateur, et vous propose de la tester dans PageSpeed Insights.

Questions fréquentes

En résumé

Mesurez d’abord, sur mobile, avec PageSpeed Insights. Corrigez les images et les scripts tiers, qui pèsent le plus pour le moins d’effort. Si c’est la construction du site qui ralentit tout, une refonte sur une base légère est la seule vraie solution. Pour un diagnostic de votre site : la refonte de site internet, ou une demande de devis.