Hébergement

Performance et vitesse du site

La vitesse de chargement 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 qui permettent de mesurer cette vitesse, les informations fournies par ces outils et un exemple d’amélioration de la vitesse d’un site réel. 

Cet article se concentrera principalement sur les sites de plans WordPress.com Business et eCommerce sur lesquels sont installés des extensions et des thèmes personnalisés, car ces éléments contribuent en général le plus à la lenteur de chargement d’un site. 

Table des matières

Sites de plans Gratuit, Personnel et Premium

Les principaux facteurs ayant un impact négatif sur la vitesse du site sont les extensions et les thèmes tiers, qui ne peuvent pas être installés sur des sites sans plan Business ou eCommerce.

Sur les plans Gratuit, Personnel et Premium, il n’est pas possible d’installer des extensions. Seuls nos thèmes intégrés peuvent être utilisés car ils sont développés selon les normes les plus élevées et ils ne contribuent pas à la lenteur d’un site Web. Enfin, plusieurs couches de mise en cache et d’optimisation sont réalisées en back-end pour garantir le chargement rapide de votre site partout dans le monde. 

Le point le plus important à retenir est qu’il faut éviter de créer des pages ou des articles avec des centaines d’images non optimisées, car cela contribue assurément à la lenteur de chargement d’un site. Si un article ou une page doit pouvoir contenir plus d’images, suivez notre guide d’assistance Optimisation des images pour vous assurer que vos images sont optimisées pour l’affichage Web.


↑ Table des matières ↑

Outils de mesure de la vitesse du site

Plusieurs outils de mesure de la vitesse du site sont disponibles sur le Web, notamment :

Les outils automatisés de performances de site donnent des recommandations générales. Ils sont utiles pour identifier des meilleures pratiques et des opportunités d’amélioration de la vitesse du site. Mais, souvent, ils ne prennent pas en compte les plateformes logicielles spécifiques, comme WordPress.com, ou les éléments qui sont nécessaires pour maintenir le fonctionnement correct et l’apparence de votre site.

Par exemple, PageSpeed Insights de Google recommande souvent de supprimer Javascript et CSS qui bloquent le rendu. Or si vous suiviez ce conseil, cela aurait un impact minimal sur la vitesse et empêcherait votre site de s’afficher et de fonctionner correctement.

À titre d’exemple, même l’un des propres sites de Google obtient un score assez bas :

https://developers.google.com/speed/pagespeed/insights/?url=fonts.google.com

Cela ne signifie pas pour autant que le site est « mauvais ». Cela démontre seulement qu’il ne respecte pas la vérification stricte des règles des outils automatisés de test des performances.


↑ Table des matières ↑

Atteindre de bonnes performances de site

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 votre public et la vitesse réelle atteignable. 

Sur le Web, le chargement d’un site prend en moyenne 4 à 5 secondes. Toutefois, cela peut varier selon plusieurs facteurs, dont voici les plus courants : 

Extensions installées

Un site avec un nombre excessif d’extensions prend plus de temps à se charger qu’un site en possédant un nombre raisonnable. Cela s’explique par le fait que votre site doit traiter plus de code pour se charger complètement.

Même si vous pensez que certaines extensions sont nécessaires, si les performances de votre site sont affectées, c’est le bon moment de réévaluer les éléments indispensables de 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 dans 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 vos plans WordPress.com Business ou eCommerce. 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.


Scripts tiers

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 ou 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é. 

Cette attente est toutefois infime, avec des retards plus visibles sur les pages contenant une grande quantité d’éléments intégrés.


Optimisation des images

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 aussi rapidement que possible.


Thèmes

Le choix du thème a une incidence sur la mise en page et le design de votre site. Les plans Business et eCommerce vous permettent de charger n’importe quel thème de n’importe quel créateur, pas simplement notre vitrine de thèmes WordPress.com. Vous disposez ainsi de beaucoup plus de choix parmi des milliers de thèmes, qui n’ont pas forcément été développés en tenant compte de la vitesse.

Pour sélectionner un thème, vous pouvez lire des 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 de choisir votre thème avec attention et d’opter pour des thèmes qui ne contiennent que les fonctionnalités dont vous avez besoin sans trop d’options supplémentaires.


Secteur 

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.

↑ Table des matières ↑

Test de performances du site | GTmetrix

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 Test Your Site (Tester votre site).

Lorsque leur système termine l’analyse, vous pouvez voir les scores PageSpeed et YSlow de votre site :

Résultats de la vitesse de site de GTmetrix

Dans le tableau Page Details (Détails de la page), Fully loaded time (Temps de chargement complet) affiche le nombre de secondes nécessaire au chargement complet de votre site. 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 sur un plan Business, avec des extensions personnalisées intégrées et un thème par défaut activé, se charge en 1 seconde environ.

Total Page Size (Taille totale de la page) indique la taille totale de la page, notamment toutes les images, vidéos, scripts et autres fichiers. Plus la taille de la page est petite, plus le chargement est rapide.

C’est la même chose pour le nombre de demandes sur une page indiqué par Requests (Demandes). 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 importantes pour déterminer ce qui prend le plus de temps à se charger et ce qui pourrait être optimisé. Pour cela, 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. Vous pouvez cliquer sur tous les en-têtes de colonne pour classer les éléments chargés par durée ou par taille, par exemple.

C’est dans cet onglet que vous voyez ce qui ralentit votre site. Si certains fichiers proviennent d’une extension personnalisée et ralentissent votre site, mais que cette extension n’est pas strictement nécessaire, envisagez de la désactiver. 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.