Comment éviter d’énormes charges utiles réseau dans WordPress

Si vous utilisez Google PageSpeed ​​Insights ou GT Metrix pour tester votre site, vous verrez cet avertissement « Évitez les énormes charges utiles du réseau » ou « Avoid enormous network payloads » si la taille totale de votre page est supérieure à 1,6 Mo.

Cela semble technique, mais c’est en fait l’une des recommandations sur lesquelles vous, en tant que propriétaire du site, avez le plus de contrôle. Contrairement à certaines recommandations de PageSpeed, vous pouvez corriger celle-ci!

Le réseau fait référence à la connexion entre le navigateur de votre visiteur et le serveur sur lequel votre site est hébergé.

La charge utile comprend tous les fichiers qui composent votre site – polices, images, fichiers CSS, fichiers JavaScript, etc. – qui doivent être téléchargés du serveur vers le navigateur.

Chacun a une taille de fichier en Ko (kilo-octets) ou même en Mo (mégaoctets). La taille totale du fichier de toutes les ressources de la page correspond à la charge utile de votre site. De manière générale, plus la charge utile est importante, plus le chargement de votre page prendra du temps.

Je dirais que 1,6 Mo est encore trop volumineux, surtout si vous voulez que votre page soit rapide sur mobile, et surtout si vous n’êtes pas un hébergement de premier ordre, ce que de nombreux propriétaires de sites WordPress ne sont pas. Une cible plus sûre serait de 1 Mo.

Comment réduire la charge utile réseau de votre site WordPress

Bien que les plugins d’optimisation et de mise en cache aient certaines fonctionnalités pour vous aider, ce sont plus ou moins des pansements et devraient être la touche finale pour résoudre ce problème, pas votre stratégie principale.

En tant que propriétaires de sites, nous sommes ceux qui ont créé la charge utile actuelle de notre page via le thème que nous avons sélectionné, les plugins que nous avons installés et le contenu que nous avons ajouté. Cela signifie que nous avons la possibilité d’inverser les dommages et de réduire la taille de la page.

Cela se fait généralement en supprimant des éléments de la page ou en recherchant des remplacements légers. Vous pouvez penser qu’il s’agit d’un compromis sur la conception ou le contenu de votre site, mais il est probable que votre page contienne beaucoup d’éléments inutiles du point de vue de votre visiteur.

Les effets de fantaisie, les animations, les curseurs, etc. sont généralement surévalués par les propriétaires de sites, alors que la plupart des visiteurs veulent simplement les informations qu’ils recherchent. Ils ne se soucient pas nécessairement des «fioritures», surtout s’ils créent une expérience utilisateur lente. Se concentrer sur un objectif spécifique pour chaque page, avec un «budget» de poids de page de 1 Mo, vous aidera à améliorer non seulement Pagespeed, mais également l’expérience utilisateur, et donc les conversions probables et l’efficacité globale. Ce n’est pas quelque chose que vous pouvez réparer en un seul endroit et en finir – la charge utile du réseau pour chaque page sera différente en fonction du contenu.

Certaines optimisations générales, telles que la minification, GZIP, etc. seront appliquées à l’ensemble de votre site, mais certaines pages nécessiteront des ajustements individuels en fonction de leur contenu spécifique.

Comment trouver les éléments qui alourdissent votre site ?

Pour commencer, assurez-vous de développer la recommandation PageSpeed ​​car elle vous montrera les plus gros contributeurs à la taille de la page:

Comment réduire la charge utile réseau de votre site WordPress

Cela vous donne essentiellement une liste de tâches pour la page et vous montre sur quoi concentrer vos efforts.  Je vous recommande de vérifier vos pages les plus importantes et de voir comment vous pouvez les optimiser.

Conseils généraux pour réduire la taille de la page

  • Réduisez le nombre d’images et de vidéos sur votre page Sur la plupart des sites, les images sont l’un des plus gros contributeurs à la taille de la page. Examinez le nombre d’images sur votre page et voyez si elles sont toutes vraiment nécessaires.
  • Assurez-vous que vos images sont correctement dimensionnées, ne téléchargez pas d’énormes images de stock et téléchargez-les telles quelles sur votre site WordPress. Vous n’avez pas besoin d’images haute résolution et vous devez sélectionner la taille la plus proche de la façon dont elle sera affichée sur votre page. Voici un guide plus détaillé sur le dimensionnement correct de l’image.
  • Réduisez le nombre d’articles en vedette Les articles habituellement présentés, qu’il s’agisse d’articles, de produits, etc., sont chacun accompagnés d’une image miniature. Donc, si vous avez 20 éléments en vedette, vous pourriez ajouter automatiquement 20 images à votre page.
  • Réduisez le nombre d’éléments dans tous les curseurs / carrousels / galeries. Ne pas en avoir plus d’un sur une page, et si vous «devez» en avoir un, limitez le nombre d’éléments à 3.
  • Supprimez les widgets sociaux, comme les flux intégrés de Twitter, Facebook, Instagram et Pinterest. Ou placez-les uniquement sur certaines pages, mais pas sur toutes les pages.
  • Remplacez plutôt le contenu intégré comme les Tweets par des captures d’écran
  • Remplacez les boutons de partage social par des boutons légers Le partage social sans script est un bon plugin à cet effet.
  • Réduisez le nombre d’annonces sur votre page
  • Réduisez le nombre de polices que vous utilisez

Comment réduire la taille de la page pour «éviter une énorme charge utile du réseau» ?

Une fois que vous avez fait votre diligence raisonnable pour couper manuellement la graisse de vos pages, il est temps d’appliquer des techniques d’optimisation plus larges pour affiner la taille de la page.

Optimisation d’image

Optimisez et compressez toutes vos images. Il existe de nombreux plugins et services d’optimisation d’image disponibles, tels que Imagify, Smush et autres.

Mise en cache et plugins d’optimisation

Ces types de plugins pourront vous offrir les fonctionnalités suivantes qui vous aideront à réduire la taille des fichiers ou à atténuer l’impact.

Notez que LazyLoad et Delaying JavaScript sont à certains égards des «astuces» qui vous aident à obtenir un meilleur score PageSpeed. Dès que le visiteur commencera à interagir avec la page, ces scripts se chargeront et le visiteur sera toujours affecté négativement par leur temps de chargement et de traitement.

LazyLoad ne chargera les images que lorsqu’elles sont nécessaires, mais si vous n’avez pas optimisé les images, ou si elles sont nombreuses, cela aura toujours un impact négatif sur votre visiteur. Certains utilisateurs paient pour la bande passante Internet et votre site leur coûtera toujours, même si vous avez un score PageSpeed ​​élevé.

Le meilleur plugin de Cache est WP Rocket. Vous pouvez consulter la revue complète ici.

Plugins de nettoyage

Ces types de plugins vous permettent d’empêcher les thèmes et les plugins de charger des fichiers CSS et JS là où ils ne sont pas nécessaires.

Suivre ces étapes pour réduire vos pages contribuera non seulement à améliorer l’avertissement «éviter une énorme charge utile du réseau», mais aura inévitablement un impact positif sur les autres recommandations de PageSpeed.

Laisser un commentaire