Vous savez peut-être déjà que la vitesse de chargement de votre site est directement liée à l’engagement et, dans le cas des sites commerciaux, aux revenus. Un site à chargement lent peut être frustrant à utiliser et décourage finalement les visiteurs de prendre l’action qu’ils préfèrent. Toutes sortes d’études ont été réalisées qui montrent l’importance de la vitesse de chargement du site pour l’expérience utilisateur.
Cela vaut donc (littéralement) d’accélérer WordPress en termes de temps de chargement. Dans cet esprit, dans cet article, je souhaite vous fournir un aperçu complet des actions que vous pouvez entreprendre pour mesurer et améliorer la vitesse de chargement de votre site. Prendre quelques minutes pour lire et mettre en œuvre les mesures ci-dessous peut faire une énorme différence pour le succès de votre site WordPress.
Mesurez votre temps de chargement
La première chose que vous voudrez faire est de déterminer les performances de votre site, à la fois pour référence actuelle et future (c’est-à-dire lorsque vous implémentez des améliorations).
J’ai deux recommandations, toutes deux gratuites :
Les outils ci-dessus évaluent votre site en fonction d’un grand nombre de variables et crachent une tonne de recommandations (dont beaucoup seront couvertes ci-dessous).
Si, d’un autre côté, vous recherchez simplement une mesure directe de la vitesse du site (en secondes), consultez Pingdom. Si vous suivez cette voie, je vous recommande de « pinger » votre site 4 à 5 fois et de prendre la vitesse de chargement moyenne pour une lecture plus précise.
Passons maintenant aux actions que vous pouvez entreprendre pour améliorer la vitesse de chargement de votre site.
Cache WordPress pour de meilleures performances
Si vous utilisez WordPress depuis un certain temps, vous connaissez probablement (ou du moins en avez entendu parler) la mise en cache. En termes simples, la mise en cache prend vos pages Web WordPress créées dynamiquement et les transforme en une page « statique ». La science n’est pas vraiment importante ; La clé pour comprendre est que cela accélère le chargement de vos pages. L’installation d’un plugin de mise en cache devrait faire une grande différence pour la vitesse de chargement de votre site.
Cependant, tout utilisateur WordPress débutant (ou même intermédiaire) peut être quelque peu confus et/ou intimidé par (a) le nombre de plugins de mise en cache disponibles et (b) comment configurer un plugin pour obtenir de bons résultats.
Avec ce qui précède, je vais vous faciliter la tâche. Il existe deux plugins de mise en cache particulièrement populaires (et similaires), parmi lesquels je recommande W3 Total Cache.
Images minceur
De nombreux articles recommandent de petits ajustements pour améliorer la vitesse de chargement de votre site. Bon nombre de ces paramètres peuvent faire la différence, mais peu auront un effet aussi spectaculaire que l’optimisation des images que vous utilisez sur votre site, qui représentent généralement une grande partie de la taille totale d’une page Web donnée.
La première étape consiste à télécharger uniquement des images (a) déjà de la bonne taille et (b) enregistrées dans un format approprié (jpg pour les photographies et les images riches en couleurs, png pour les images en couleurs limitées telles que les captures d’écran, etc.).
La deuxième étape consiste à s’assurer que chaque image que vous téléchargez passe par un processus d’optimisation sans perte, qui fait exactement ce à quoi vous pouvez vous attendre : il optimise les images sans aucun effet néfaste sur leur qualité. Bien qu’il existe quelques options de plugins disponibles, ma suggestion est Smush Image Compression – c’est une simple affaire plug and play.
Chargement paresseux d’objets
Enfin, vous souhaiterez peut-être modifier l’ordre dans lequel certains éléments de votre site sont chargés. Retarder le chargement des éléments gourmands en ressources afin que toutes les autres parties de la page puissent se charger en premier peut vraiment améliorer l’expérience utilisateur.
En ce qui concerne les sites WordPress, il y a généralement deux choses à considérer pour le chargement paresseux :
Images
Cela devrait être assez évident, étant donné que les images représentent généralement une grande partie de la taille d’une page Web, leur chargement en dernier permet à tout le reste d’être en place en un temps double.
Ma recommandation de plugin est Lazy Load. Il ne charge les images que lorsqu’elles apparaissent dans la fenêtre du navigateur, ce qui se traduit par une vitesse de chargement initiale incroyablement rapide. De plus, lorsqu’un visiteur fait défiler une page et accède à une nouvelle image, il est probable qu’elle apparaisse presque instantanément, car c’est le seul nouvel élément à charger.
Widgets
Les widgets peuvent souvent ralentir la vitesse de chargement d’une page, souvent parce qu’ils dépendent de serveurs tiers pour se charger (un exemple courant est le Facebook case “J’aime”).
Ainsi, choisir de charger vos widgets paresseux peut empêcher le reste de la page d’avoir du mal à se charger. Ma recommandation de plugin est Lazy Widget Loader, qui vous permet de sélectionner les widgets à charger paresseux.
Je vous recommande également de choisir un plugin de partage social qui prend en charge le chargement paresseux. Mon choix numéro un est Digg Digg – non seulement il offre des fonctionnalités étonnantes, mais il vous permet également de choisir exactement quand les boutons doivent se charger.
conclusion
En fait, vous pouvez implémenter toutes les fonctionnalités ci-dessus en moins de trente minutes. Cet investissement de temps négligeable vaut bien l’amélioration qu’il apportera à votre site.
N’oubliez pas de continuer à tester la vitesse de votre site pendant que vous mettez en œuvre les différentes mesures ci-dessus. Examiner l’effet de la mise en cache, de l’optimisation et du chargement paresseux sur votre site améliorera votre compréhension de la vitesse du site (ce qui ne peut pas être mauvais).
Si vous avez des questions, n’hésitez pas à les poser dans la section commentaires ci-dessous.
