La vitesse du site est importante pour satisfaire vos visiteurs, garantir la disponibilité du serveur et atteindre les premières positions dans les recherches. Dans ce tutoriel, nous nous concentrons sur les extensions de cache et offrons quelques conseils pour choisir celle qui convient le mieux à votre site.
Avant de commencer, voici la liste de contrôle pour créer un site rapide :
- Choisissez un bon fournisseur d’hébergement
- Utilisez un CDN
- Choisissez un thème léger
- Limitez le nombre d’extensions actives
- Utilisez une extension de cache
Pourquoi le cache de page est-il si important ?
Pour que WordPress génère le contenu d’une page, de nombreux traitements doivent avoir lieu. WordPress lui-même doit se charger. Le thème et toutes les extensions actives se chargent, ainsi qu’une grande quantité de contenu provenant de la base de données. Ensuite, un ensemble de code PHP s’exécute pour produire le code HTML que WordPress renvoie.
Le cache de page, qui est la fonctionnalité de base de toute extension de cache, évite ce long processus. Il va « enregistrer » (mettre en cache) le code HTML que WordPress a produit pour chaque page et le servir sans exécuter WordPress (ni le thème et les extensions) lorsque les visiteurs demandent la même page.
Peu importe à quel point vous avez optimisé le thème et les extensions, un simple cache de page réduira considérablement la charge de votre serveur et accélérera les réponses aux visiteurs.
Le cache de page est-il tout ce dont j’ai besoin ?
Ce serait bien si c’était le cas, mais ce n’est pas le cas :-) Le cache de page est un incontournable, mais il n’est pas suffisant.
Pour comprendre ce dont vous avez besoin en plus du cache de page, vous devez examiner la séquence de chargement d’une page.
Vous pouvez voir qu’une fois que le navigateur reçoit le code HTML, il doit demander toutes les « ressources » dont la page a besoin pour s’afficher correctement. Cela inclut le code HTML, JavaScript, CSS et les images. Une page d’apparence innocente peut nécessiter de nombreux fichiers de ressources pour s’afficher. Ainsi, le temps d’attente global d’un visiteur est bien supérieur au simple temps qu’il faut à WordPress pour renvoyer le contenu de la page (HTML).
Pour raccourcir le temps nécessaire pour renvoyer toutes ces ressources, les extensions de cache utilisent un certain nombre de techniques puissantes.
Minification
La minification signifie deux choses :
- Combiner de nombreux petits fichiers CSS et JavaScript en un nombre réduit de fichiers plus volumineux
- Compresser les fichiers
De nombreux thèmes et extensions ajoutent (mettent en file d’attente) des fichiers CSS et JavaScript sur l’interface publique du site. Cela signifie qu’une page peut inclure des dizaines de petits fichiers à charger. Chaque fois que le navigateur charge un fichier depuis le serveur, il ouvre une requête, attend le fichier, puis le reçoit. Il faut beaucoup moins de temps pour obtenir un gros fichier qu’une liste de petits fichiers.
Et, comme les fichiers CSS et JavaScript sont basés sur du texte, ils contiennent généralement de nombreux caractères « espace ». La compression supprimera tous ces caractères inutiles, qui rendent les fichiers lisibles, mais qui ne sont pas nécessaires pour que les fichiers fonctionnent réellement.
Ainsi, l’effet global de la minification peut être drastique pour la plupart des sites Web.
Compression des images et des vidéos
Presque chaque page de chaque site a besoin de quelques images (et souvent de vidéos) comme décoration. Deux fichiers d’images peuvent sembler identiques, mais avoir des tailles très différentes. Par exemple, un fichier PNG peut prendre 10 fois plus de place qu’un fichier JPG compressé. Si votre site charge des images, vous devriez très certainement les examiner et vous assurer que toutes les images sont optimisées pour la bonne taille et le bon format. Certaines extensions de cache et d’autres extensions d’« optimisation d’images » feront ce travail pour vous.
CDN – Réseau de diffusion de contenu
Peu importe à quel point vous avez réussi à optimiser les ressources dont votre site a besoin, vous devrez toujours charger des fichiers CSS, JavaScript et des images. À moins que vous ne soyez Google ou Amazon, votre serveur n’est généralement pas conçu pour servir ces fichiers. C’est là que les réseaux de diffusion de contenu (CDN) entrent en jeu. De nombreuses extensions de cache vous aideront à copier les fichiers de ressources de votre site vers des services tiers, qui serviront ces fichiers en votre nom. La diffusion de fichiers de ressources à partir de serveurs dédiés (CDN) vous aidera de plusieurs manières :
- En réduisant le temps nécessaire aux visiteurs pour recevoir ces fichiers (ce qui améliorera les performances de votre site et vos efforts de référencement)
- En réduisant la charge sur votre serveur, afin qu’il soit libre de travailler sur les tâches liées à WordPress
- Même en réduisant vos factures d’hébergement – les CDN sont bien plus efficaces pour servir des fichiers statiques que les serveurs à usage général
Lazy loading (chargement différé)
Il n’y a rien de « paresseux » dans le lazy loading (chargement différé). Le chargement différé consiste à retarder l’affichage des images qui ne sont pas encore visibles, de sorte que le navigateur ne les demande pas tant que le visiteur n’est pas sur le point de les voir.
Le chargement différé peut réduire le temps de chargement des pages, la charge du serveur et vos factures d’hébergement. Il fonctionne bien avec toutes les autres techniques d’optimisation. Un certain nombre d’extensions de cache offrent le chargement différé.
Alors, quelles extensions de cache choisir ?
Maintenant que nous savons ce que vous attendez des extensions de cache, nous pouvons comparer différentes extensions et choisir celle qui vous convient le mieux.
Le premier choix que vous devez faire est de savoir si vous êtes décidé à utiliser une extension gratuite ou si vous êtes prêt à payer pour une extension de cache.
L’avantage évident d’utiliser des extensions de cache gratuites est qu’elles sont, eh bien, gratuites. Parfois, vous créez des sites très simples qui ne nécessitent qu’un cache de base pour fonctionner correctement. Dans ce cas, une extension gratuite est une excellente solution.
Les extensions de cache payantes offrent une assistance, des mises à jour fréquentes, une configuration simplifiée et des fonctionnalités puissantes.
Extension de cache gratuite
Si vous recherchez une extension de cache gratuite, nous vous recommandons W3 Total Cache, car elle offre le cache de page, la minification et vous permet d’activer votre CDN.
WP Fastest Cache (la version gratuite) intègre déjà de nombreuses fonctionnalités avancées, mais reste pratique à utiliser.
Extensions de cache payantes
La catégorie des extensions de cache payantes comprend une liste respectée d’extensions qui vous seront très utiles. Toutes les extensions de cette catégorie (que nous recommandons) sont bien maintenues, reçoivent des mises à jour en temps opportun, sont très riches en fonctionnalités, mais restent simples à utiliser.
Nous avons passé en revue :
- Hummingbird (Inclus dans l’abonnement aux extensions premium de wpmudev)
- WP Rocket
- W3 Total Cache Pro
Jetez un œil à une comparaison de certaines de leurs fonctionnalités et de leurs tarifs (il ne s’agit certainement pas d’une liste exhaustive des fonctionnalités).
Résumé
Nous espérons vous avoir aidé à choisir la bonne extension de cache pour votre site. La bonne nouvelle est que N’IMPORTE QUELLE extension de cache vaut bien mieux que pas de cache du tout. Si vous n’avez pas utilisé d’extensions de cache jusqu’à présent, le mieux est de commencer. Décidez si vous êtes fixé sur des extensions gratuites ou si vous pouvez vous permettre une extension payante. Ensuite, choisissez l’extension qui vous convient le mieux.
L’un des grands avantages d’une extension de cache est qu’il est facile d’en changer. Contrairement aux constructeurs de pages et aux extensions de commerce électronique, une extension de cache ne vous enferme pas dans un écosystème. Il est facile de changer et de comparer les performances réelles des différentes extensions sur votre site, ainsi que votre aisance à les utiliser.
