10 raisons pour lesquelles votre site se charge lentement (et comment les corriger)

h2: 1. Des images non optimisées

Un grand volume d'images non optimisées est généralement la cause la plus fréquente de la lenteur d'un site web. Les images en haute résolution peuvent consommer beaucoup de bande passante au chargement. Téléverser de grandes images puis les réduire dans le navigateur augmente inutilement le poids de votre page, qui se charge alors lentement. C'est vrai quel que soit le CMS ou le constructeur de site que vous utilisez.

Le format de l'image est un autre facteur important à considérer.

Choisissez le format adapté au contenu : JPEG pour les photos, PNG ou SVG pour les graphiques plats et les logos, et WebP ou AVIF là où votre CMS les prend en charge, car ils sont généralement encore plus légers.

À retenir :

• Vérifiez le poids des fichiers de vos images. Tout ce qui dépasse 1MB est vraiment inacceptable.
• Utilisez JPEG pour les photos, PNG ou SVG pour les graphiques, et WebP ou AVIF là où votre CMS les prend en charge.
• Utilisez des waterfall tests pour passer rapidement en revue le poids des images et corriger.

h2: 2. Des problèmes de JavaScript

La disponibilité des plugins JavaScript/jQuery a rendu très pratique l'ajout de contenu dynamique aux sites web. Mais mal implémenté, JavaScript peut mettre à genoux la vitesse de chargement de vos pages.

Charger, interpréter et exécuter jQuery et JavaScript prend du temps. Si vous utilisez plusieurs appels d'API pour afficher des données JavaScript/jQuery, le chargement des pages peut en souffrir sensiblement.

À retenir :

• Chargez les scripts de façon asynchrone, et regroupez vos outils derrière un seul tag manager.
• Pensez à quelque chose comme Segment ou Google Tag Manager. Un seul script pour tous vos outils !

h2: 3. Des vidéos et des animations intégrées trop lourdes

Les vidéos de fond en lecture automatique, les lecteurs intégrés et les bibliothèques d'animation lourdes sont une cause fréquente de pages lentes. Ils sont volumineux, ils appellent souvent des scripts tiers, et ils se disputent la bande passante avec le contenu pour lequel vos visiteurs sont venus.

Ne chargez les lecteurs vidéo que lorsque le visiteur appuie sur lecture, affichez une image d'aperçu légère jusque-là, et préférez les animations CSS aux grandes bibliothèques de scripts. Si vous voulez accélérer votre site web, c'est souvent l'un des gains les plus rapides.

À retenir :

• Les vidéos intégrées et les bibliothèques d'animation sont lourdes.
• Chargez les lecteurs vidéo au clic, pas au chargement de la page.
• Préférez les animations CSS aux grandes bibliothèques JavaScript.

h2: 4. Trop de requêtes HTTP

Une grande quantité de fichiers JavaScript, CSS et images peut entraîner trop de requêtes HTTP. Quand un utilisateur visite votre page, le navigateur demande chacun de ces fichiers, et ceux qui bloquent le rendu retardent la page. HTTP/2 et HTTP/3 transportent de nombreuses requêtes sur une seule connexion, si bien que beaucoup de petits fichiers coûtent bien moins qu'avant. Le total d'octets et les fichiers qui bloquent le rendu sont ce qui compte le plus aujourd'hui.

À retenir :

• Assurez-vous que votre serveur prend en charge HTTP/2 ou HTTP/3.
• Différez ou supprimez le CSS et le JavaScript qui bloquent le rendu, dans la mesure du possible.
• Minifiez vos fichiers CSS et JavaScript pour réduire les octets que les visiteurs doivent télécharger.

h2: 5. Ne pas exploiter les techniques de cache

Activez le cache navigateur (HTTP) pour les fichiers statiques et le cache de pages côté serveur pour les pages dynamiques. Notre article sur le cache PHP couvre OPcache, les caches d'objets et les caches de pages.

h2: 6. Du code mal rangé

Un autre coupable fréquent de la lenteur d'un site est le code mal rangé. Quand vous construisez votre site, les espaces superflus, les styles inline, les lignes vides et les commentaires inutiles peuvent faire grossir la feuille de style.

En supprimant ces éléments inutiles, vous compressez le code, réduisez le poids du fichier et améliorez le temps de chargement global, et si vous suivez vos positions, vous verrez probablement aussi un gain de performances SEO. En termes techniques, ce processus s'appelle la minification. Si vous n'êtes pas à l'aise avec le code, plusieurs outils en ligne nettoient et minifient les feuilles de style. Sinon, un développeur peut le faire pour vous dans le cadre de votre processus de build.

À retenir :

• Évitez le CSS inline.
• Essayez de ne pas créer plusieurs feuilles de style CSS quand une seule suffit.
• Minifiez !

h2: 7. Ne pas utiliser la compression (gzip ou Brotli)

En activant la compression gzip, vous demandez au serveur de compresser chaque réponse texte (HTML, CSS, JavaScript, JSON, SVG) avant de l'envoyer au navigateur. Brotli compresse encore davantage et tous les navigateurs modernes le prennent en charge. Les images telles que JPEG, PNG et WebP sont déjà compressées et n'y gagnent rien.

À retenir :

• La compression gzip ou Brotli est un gain de performances facile.
• Elle compresse chaque réponse texte (HTML, CSS, JavaScript) avant son envoi au navigateur.

h2: 8. Trop de publicités

L'effet le plus évident d'un site web surchargé de publicités est l'ajout de requêtes HTTP, qui demandent un temps de traitement supplémentaire.

Les publicités rich media, comme les pop-under, les interstitiels et les téléchargements automatiques, peuvent générer des centaines de requêtes HTTP et rendre votre site web inerte.

Chargez les publicités avec un court délai, une fois le contenu principal affiché.

h2: 9. Ne pas utiliser de service CDN

Un CDN sert les fichiers statiques depuis un nœud proche du visiteur. Il aide surtout quand votre audience est répartie sur plusieurs régions. Pour une audience d'un seul pays sur un serveur bien placé, il change peu de choses.

h2: 10. Votre plateforme d'hébergement

Si vous avez passé en revue toutes les causes ci-dessus et que votre site web répond toujours lentement, regardez la plateforme en dessous. Choisissez un hébergeur qui inclut l'optimisation des performances dans le service.

L'hébergement infogéré devrait l'inclure.

Chez EuroVPS, nous construisons la stack web autour de votre application, qu'elle tourne sous WordPress, Magento, PrestaShop ou Drupal.

h2: Conclusion

Chez EuroVPS, notre équipe support peut passer en revue avec vous la configuration de votre serveur web et de PHP et vous aider à trouver ce qui ralentit votre site.