La vitesse est l’un des aspects les plus importants de votre site, car vos visiteurs attendent une expérience rapide et fluide. Dans ce guide, nous verrons ce qui contribue à la vitesse du site, les outils pour la mesurer, les informations fournies par ces outils et un exemple d’amélioration de la vitesse d’un site réel.
Dans ce guide
- Quels facteurs contribuent aux problèmes de vitesse du site ?
- Que faisons-nous pour optimiser votre site ?
- Améliorer la vitesse du site sur les sites gratuits, personnels et Premium
- Améliorer la vitesse du site sur les sites compatibles avec les extensions
- Outils de mesure de la vitesse du site
- Test de performances du site | GTmetrix
Voici les principaux facteurs observés qui ralentissent un site :
- Images à haute résolution, ou non optimisées.
- Le nombre et/ou la qualité des extensions installées.
- Thèmes tiers lents.
- Le volume du contenu d’une seule page (notamment les images et les fichiers multimédias).
- La vitesse de connexion à Internet de l’appareil qui visite votre site.
Chez WordPress.com, nous gérons les aspects techniques de la vitesse du site pour vous faciliter la tâche. Nous avons conçu un système à plusieurs couches de mise en cache avec une optimisation en arrière-plan pour garantir que votre site se charge rapidement dans le monde entier. Ce système a été désigné comme hôte le plus rapide de 2021. Au-delà d’un environnement d’hébergement optimisé, nous :
- proposons des thèmes de site optimisés.
- utilisons un réseau de diffusion de contenu (CDN) pour garantir que vos visiteurs, où qu’ils soient, puissent accéder rapidement au contenu de votre site.
- mettons à votre disposition des outils et des ressources, décrits ci-dessous, pour optimiser la vitesse de votre site.
Les principaux facteurs contribuant à la vitesse des sites sont les extensions et les thèmes tiers. Comme ils ne peuvent pas être installés sur les sites gratuits, personnels et Premium, il est rare que ces sites connaissent des problèmes de vitesse.
Hormis les extensions, le principal facteur de ralentissement d’un site est la taille et le nombre d’images ajoutées à une même page de votre site ou de votre blog. Il peut être tentant de partager des images de qualité optimale avec vos visiteurs, mais cela implique souvent que la taille du fichier image soit beaucoup plus importante que nécessaire.
Suivez notre guide d’assistance Optimisation des images pour vous assurer que vos images sont optimisées pour l’affichage Web.
Dans l’idéal, votre site devrait se charger le plus rapidement possible. Pour cela, vous devez trouver le bon équilibre entre les fonctionnalités nécessaires pour répondre aux besoins de votre public et la vitesse pouvant effectivement être atteinte.
Sur le Web, le chargement d’un site prend en moyenne 4 à 5 secondes. La vitesse de votre site peut toutefois varier en raison de plusieurs facteurs, dont les plus courants sont les suivants :
Un site comportant un trop grand nombre d’extensions peut prendre plus de temps à charger qu’un site ne comptant que quelques extensions actives. Cela s’explique par le fait que votre site traite davantage de code pour afficher les pages consultées par vos visiteurs.
Nous avons ajouté quelques options pour vous aider à optimiser votre site si vous disposez d’un plan compatible avec les extensions :
- Extension Page Optimize : cette extension inclut des options pour vous aider à concaténer CSS et JavaScript, ainsi qu’à retarder l’exécution de scripts non critiques. Ces options peuvent aider à améliorer la vitesse de chargement de votre site par les navigateurs sur WordPress.com.
- CDN de Jetpack : Jetpack inclut des fonctionnalités pour le réseau de diffusion de contenu (CDN) qui vous aident à répartir la charge du serveur et à économiser de la bande passante. Ces réglages sont disponibles dans Réglages → Performance → Performances et vitesse.
Même si vous considérez que certaines extensions sont nécessaires, si les performances de votre site sont affectées, il sera temps de réévaluer les éléments indispensables pour votre site.
En règle générale, vous devez utiliser le moins d’extensions possible. Veuillez noter que les catégories suivantes d’extensions ne sont pas nécessaires pour votre site WordPress.com :
- Sécurité et SSL
- Sauvegardes
- Mise en cache
- Vitesse du site et optimisation
- Gestion de base de données
- Préproduction
- Protection contre le contenu indésirable
- Réinitialisations de site
Toutes ces fonctions sont traitées par votre plan WordPress.com. Lorsque vous installez ces extensions, elles peuvent interférer avec les fonctionnalités de performances intégrées de votre site.
Vous pouvez consulter la liste complète des extensions incompatibles ici.
La diffusion de vidéos et de widgets à partir de services comme YouTube, Vimeo, Soundcloud, TripAdvisor, Google AdSense, Twitter et Facebook peut également affecter les temps de chargement. En effet, ces parties de votre site/contenu proviennent d’une source externe, et il faut attendre que le chargement de ce service soit terminé pour que votre site soit complètement chargé.
L’attente qui en résulte est toutefois fractionnelle, les retards étant davantage constatés sur les pages contenant une grande quantité d’éléments intégrés.
Les images qui ne sont pas optimisées avant leur chargement peuvent avoir un impact négatif sur la vitesse de chargement de votre site car les fichiers image volumineux prennent plus de temps à se charger.
Cependant, vous pouvez optimiser vos images avant de les charger. Ce guide contient plus d’informations sur la procédure à suivre pour charger vos images le plus rapidement possible.
Le thème que vous choisissez contrôle la mise en page et le design de votre site. Un plan WordPress.com compatible avec les extensions vous permet de charger n’importe quel thème de n’importe quel créateur, et pas seulement notre vitrine de thèmes WordPress.com rapides. Vous disposez ainsi de beaucoup plus d’options parmi des milliers de thèmes, mais sachez que d’autres thèmes n’ont pas forcément été développés en tenant compte de la vitesse.
Pour sélectionner un thème, vous pouvez consulter les avis le concernant, le nombre d’installations actives, la dernière mise à jour et la compatibilité. Ce sont des éléments importants à prendre en compte lorsque vous choisissez un thème.
Certains des thèmes les plus incroyables peuvent être les pires en terme de vitesse de site s’ils sont surchargés de fonctionnalités supplémentaires. Nous vous recommandons donc de choisir votre thème avec discernement et d’opter pour des thèmes contenant uniquement les fonctionnalités dont vous avez besoin, sans trop d’options supplémentaires.
Votre secteur peut également affecter les performances et le temps de chargement de votre site. Historiquement, les sites Web des secteurs de l’automobile, du voyage, de la vente au détail et du divertissement ont tendance à prendre plus de temps à se charger. Cela s’explique principalement par le fait que ces sites sont plus volumineux et ont plus de ressources (médias, styles et scripts) à charger.
Plusieurs outils de mesure de la vitesse du site sont disponibles sur le Web, notamment :
Les outils automatisés de performance des sites fournissent des recommandations générales. Ils permettent également d’identifier les meilleures pratiques et les solutions pour améliorer la vitesse des sites.
Cependant, ils ne prennent pas toujours en compte les plateformes logicielles spécifiques, comme WordPress.com, ou les outils nécessaires pour préserver la qualité visuelle et le bon fonctionnement de votre site.
Par exemple, PageSpeed Insights de Google recommande souvent de supprimer JavaScript et CSS qui bloquent le rendu. Cela n’aurait toutefois qu’un impact minime sur la vitesse mais pourrait nuire à la qualité visuelle et au bon fonctionnement de votre site.
À titre d’exemple, même l’un des propres sites de Google obtient un score assez bas en utilisant ses propres outils PageSpeed Insights :
https://developers.google.com/speed/pagespeed/insights/?url=fonts.google.com
Cela ne signifie pas pour autant que le site est « mauvais ». Il ne respecte tout simplement pas la vérification stricte des règles des outils automatisés de test des performances.
Pour mesurer la vitesse de votre site avec GTmetrix, rendez-vous sur https://gtmetrix.com/, entrez l’URL de votre site dans la zone de texte et cliquez sur Analyser.
Lorsque leur système termine l’analyse, vous pouvez voir les scores PageSpeed et YSlow de votre site :
Dans le tableau Détails de la page, Temps de chargement complet affiche le nombre de secondes nécessaires pour le chargement complet de votre site. Par exemple, si un site se charge complètement en 1 à 3 secondes, il peut être considéré comme rapide.
Pour plus d’informations sur les outils PageSpeed et YSlow utilisés par GTmetrix, vous pouvez consulter leur documentation officielle.
💡
Un site de base WordPress.com, avec des extensions personnalisées intégrées et un thème par défaut activé, se charge en 1 seconde environ. Cet outil a été désigné comme l’hébergeur WordPress le plus rapide en 2021.
Taille totale de la page indique la taille totale de la page, y compris toutes les images, vidéos, scripts et autres fichiers. Plus la taille de la page est petite, plus le chargement du site est rapide.
Il en va de même pour le nombre de Demandes sur une page. Le nombre de demandes indique le nombre de fichiers différents qui sont chargés pour afficher complètement votre site. Un nombre faible indique que peu de fichiers sont chargés et donc que le chargement est rapide.
⚠️
La majorité des demandes de page HTTP proviennent souvent d’extensions différentes. Chaque extension ajoute un peu de poids au site. Supprimez toujours les extensions que vous n’utilisez pas.
Tous les indicateurs précédents vous donnent un aperçu du site, mais ils ne présentent pas d’informations granulaires qui sont importantes pour déterminer les éléments prenant le plus de temps à se charger et les éléments à optimiser. Pour ce faire, cliquez sur l’onglet Waterfall dans GTmetrix.
L’onglet Waterfall vous permet de voir d’où sont chargés les fichiers, leur taille et la durée de leur chargement. Par exemple, vous pouvez cliquer sur tous les en-têtes de colonne pour classer les éléments chargés par durée ou par taille.
C’est dans cet onglet que vous passerez la majeure partie de votre temps à rechercher les éléments qui ralentissent votre site. Si certains fichiers provenant d’une extension personnalisée qui ralentit votre site ne sont pas indispensables, songez à désactiver cette extension. Refaites ensuite le test de vitesse pour voir si cela a amélioré les performances de votre site.
Nous espérons que cette courte présentation vous a donné quelques conseils, astuces et outils afin d’optimiser au mieux votre site. Si vous avez des questions, n’hésitez pas à nous contacter ici.
Assistance WordPress.com 