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, au profit. Un site à chargement lent peut être frustrant à utiliser et décourage finalement les visiteurs de prendre l’action que vous préférez. Toutes sortes de études ont été réalisées qui démontrent l’importance de la vitesse de chargement du site pour l’expérience utilisateur.
Il est donc payant (littéralement) d’accélérer WordPress en termes de temps de chargement. Dans cet esprit, dans cet article, je souhaite vous donner un aperçu complet des actions que vous pouvez prendre pour mesurer et améliorer la vitesse de chargement de votre site. Ne passer que quelques minutes à lire et à mettre en œuvre les mesures ci-dessous peut potentiellement faire une grande différence pour le succès de votre site WordPress.
Mesurer votre temps de chargement
La première chose que vous voudrez faire est de déterminer les performances de votre site, à la fois pour la 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 tout un tas de recommandations (dont beaucoup seront abordées ci-dessous).
Si par contre vous cherchez juste 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 afin d’obtenir 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 des performances accrues
Si vous utilisez WordPress depuis un certain temps, vous connaissez probablement (ou avez au moins entendu parler) de la mise en cache. Pour faire simple, la mise en cache prend vos pages Web WordPress créées dynamiquement et les convertit en une page « statique ». La science n’est pas vraiment importante – l’essentiel à comprendre est qu’elle accélère le chargement de vos pages. L’installation d’un plugin de mise en cache devrait faire une énorme 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), que je recommande Cache total W3.
Minceur Images
Il existe énormément de publications qui recommandent de petits ajustements pour améliorer la vitesse de chargement de votre site. Beaucoup de ces ajustements pouvez font une 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 à couleurs limitées comme les captures d’écran, etc.).
La deuxième étape consiste à s’assurer que chaque image que vous téléchargez est soumise à un processus d’optimisation sans perte, qui fait exactement ce à quoi vous pouvez vous attendre : optimise les images sans aucun effet néfaste sur leur qualité. Bien qu’il existe quelques options de plugins disponibles, ma suggestion est Compression d’image Smush — c’est une simple affaire plug and play.
Objets à chargement différé
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 que vous voudrez 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 record.
Ma recommandation de plugin est Charge paresseuse. 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 ultra-rapide. De plus, lorsqu’un visiteur fait défiler une page et atteint 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 peser sur la vitesse de chargement d’une page, souvent parce qu’ils dépendent de serveurs tiers pour se charger (un exemple courant est la case « J’aime » de Facebook).
Par conséquent, choisir de charger les widgets paresseux peut éviter que le reste de votre page ait du mal à se charger. Ma recommandation de plugin est Chargeur de widgets paresseux, qui vous permet de sélectionner les widgets à charger paresseux.
Je vous recommande également de choisir un plugin de partage de médias sociaux qui prend en charge le chargement paresseux. Mon choix numéro un est Digg Digg – non seulement il offre des fonctionnalités impressionnantes, mais il vous permet également de choisir exactement quand les boutons doivent être chargés.
Conclusion
En réalité, vous pouvez implémenter toutes les fonctionnalités ci-dessus en moins de trente minutes. Cet investissement de temps dérisoire 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. Observer l’effet de la mise en cache, de l’optimisation et du chargement paresseux sur votre site vous permettra de mieux comprendre la vitesse du site (ce qui ne peut pas être une mauvaise chose).
Si vous avez des questions, n’hésitez pas à les poser dans la section commentaires ci-dessous !