Plusieurs facteurs peuvent affecter la vitesse de chargement des pages. Certaines stratégies peuvent être mises en œuvre immédiatement et avoir un effet immédiat. D'autres nécessiteront du temps et des tests pour en voir les avantages.
Voici quelques-unes des meilleures méthodes :
Activez la compression gzip.
Optimisez les images.
Activer la mise en cache du navigateur.
Minifiez les fichiers HTML, CSS et JavaScript.
Réduire les requêtes HTTP.
Réduire le temps de réponse du serveur.
Envisager la mise en place d'un CDN.
Bonus : Apporter des améliorations spécifiques à WordPress.
1. Activez la compression gzip.
La compression réduit la taille de vos fichiers, ce qui permet un téléchargement plus rapide. C'est l'un des moyens les plus simples et les plus rapides d'optimiser la vitesse de chargement des pages. L'utilisation de gzip pour la compression est presque une norme, bien que Brotli soit une méthode alternative mais populaire. Lorsqu'il est activé, gzip peut réduire la taille des fichiers HTML, CSS et JavaScript jusqu'à 70 %. (Lancez un test gzip pour vérifier s'il est activé).
La plupart des plug-ins de performance WordPress tout-en-un vous offrent la possibilité d'activer la compression automatiquement. Vous pouvez activer manuellement la compression en ajoutant un code à votre fichier .htaccess pour ceux qui sont plus pragmatiques ou qui utilisent un autre système de gestion de contenu.
2. Optimisez les images.
Les images sont parmi les principaux responsables de la taille élevée des pages. En règle générale, vos images doivent être de taille adéquate et optimisées selon les critères suivants :
Moins de 100 kilo-octets.
Définies à la taille exacte de l'image qui sera affichée.
Enregistrées au bon format en fonction de l'utilisation
La compression des images s'accompagne d'une baisse notable de la qualité. Ne laissez donc pas votre désir d'accélérer les temps de chargement nuire à la qualité de la conception de votre site web. Mais au minimum, si votre site web a une largeur de 600 pixels, par exemple, ne téléchargez pas une image de 2 500 pixels de large.
Optimisez les images avant de les télécharger à l'aide de Photoshop (payant) ou de GIMP (gratuit). Pour une compression accrue, vous pouvez également utiliser un optimiseur en ligne tel que TinyJPG. A noter que certains plug-ins vous permettent également d'activer une fonction de "chargement paresseux" qui donne la priorité au contenu situé au-dessus du pli et ne charge vos images que lorsqu'un visiteur fait défiler l'écran vers le bas, ce qui réduit considérablement les requêtes reçues par votre serveur.
3. Activez la mise en cache du navigateur.
Lorsque les visiteurs reviennent sur votre site, leur navigateur télécharge à nouveau des fichiers tels que des scripts, des images et des feuilles de style, à moins que vous n'ayez activé la mise en cache du navigateur.
Avec la mise en cache du navigateur, les fichiers statiques sont enregistrés dans le navigateur de l'utilisateur. Ainsi, la prochaine fois qu'il accède à votre site, il n'a pas besoin de télécharger à nouveau quoi que ce soit, de sorte que votre page se charge beaucoup plus rapidement.
Si vous utilisez WordPress, la mise en cache est relativement facile. Des plug-ins comme WP Rocket et W3 Total Cache vous guident à travers toutes les étapes nécessaires et les configurent pour vous. Veillez simplement à n'utiliser qu'un seul de ces plug-ins à la fois. L'activation manuelle de la mise en cache est un peu plus compliquée.
4. Minifier HTML, CSS et JavaScript.
La minimisation permet de supprimer le code redondant ou inutile sans affecter les performances. Il s'agit notamment d'éliminer les commentaires de code, les noms de fonctions trop longs, les espaces, etc., autant d'éléments qui ne sont pas visibles pour l'utilisateur mais qui pèsent sur la vitesse de chargement.
Les plugins WordPress tels que WP Super Minify, WP Rocket et W3 Total Cache sont idéaux pour les développeurs web novices afin de réaliser la minification. Pour les autres CMS et les administrateurs avancés, vous devrez procéder à une minification manuelle. Voici quelques outils qui peuvent vous aider :
5. Réduire le nombre de requêtes HTTP
Réduire les requêtes HTTP... Il s'agit là d'un point important. Bien qu'elle puisse s'avérer délicate, ne la laissez pas vous effrayer. La réduction des requêtes est l'objectif ultime de l'optimisation du chargement des pages. Vous devez essayer de maintenir le nombre de requêtes HTTP en dessous ou autour de 50.
Il existe de nombreuses méthodes pour rationaliser ces requêtes et les accélérer.
6. Réduire le temps de réponse du serveur.
Changer de serveur est une chose que vous devez faire avec sérieux. Votre serveur d'hébergement joue un rôle crucial dans le temps de chargement, c'est pourquoi il est important de savoir si vous disposez de la meilleure configuration possible.
Avant toute chose, consultez votre fournisseur pour vous assurer que vos serveurs ont des temps de disponibilité suffisants, qu'ils disposent d'une bande passante suffisante et qu'ils sont situés à proximité de votre public cible. Si ce n'est pas le cas, envisagez de changer de service d'hébergement.
7. Envisagez la mise en œuvre d'un réseau de diffusion de contenu (CDN).
Les réseaux de diffusion de contenu sont parfaits pour les pages qui desservent de nombreux sites internationaux ou qui cherchent à améliorer la vitesse de leur service d'hébergement habituel. Ces services tiers payants vous permettent non seulement de prendre en charge HTTP/2, mais aussi de réduire considérablement les temps de requête en hébergeant vos fichiers sur un vaste réseau de serveurs mondiaux.
Voici quelques options CDN uniques :
Seuls certains sites ont besoin d'un CDN, c'est pourquoi nous recommandons d'exécuter d'abord les autres stratégies de cette liste. Considérez le CDN comme une option envisageable si vos temps de chargement doivent encore être rattrapés.
Bonus : Améliorations spécifiques à WordPress
D'autres facteurs peuvent contribuer au temps de chargement de vos pages si vous utilisez WordPress. Vous devrez vous attaquer à ces problèmes en même temps qu'aux autres méthodes énumérées ci-dessus :
Réduisez le nombre d'extensions utilisées :
Les plug-ins sont fantastiques et peuvent grandement contribuer à améliorer la vitesse de votre site. Mais l'utilisation de mauvais plug-ins peut avoir un effet négatif, et un trop grand nombre de plug-ins installés peut causer des problèmes, ralentissant considérablement les performances de votre site.
Nettoyez votre base de données :
Au fil du temps, les bases de données de WordPress peuvent être encombrées par des brouillons sauvegardés, des révisions d'articles et d'autres éléments dont votre site web n'a pas besoin pour fonctionner. Un nettoyage occasionnel de cet encombrement peut aider à augmenter la vitesse de votre site. Certains plugins de performance tout-en-un ont également cette capacité, ou vous pouvez utiliser le plugin WP-Optimize.
Mettez à jour le CMS et le thème :
Assurez vous que vous utilisez toujours les dernières versions de votre thème et de votre installation WordPress. Si votre site est toujours paresseux après avoir été mis à jour et avoir effectué tous les changements ci-dessus, vous pourriez envisager d'essayer un nouveau thème. Bien que les thèmes améliorent l'apparence de votre site, ils peuvent apporter beaucoup de bagages qui risquent d'alourdir votre site.
