La mise en cache des pages et des images est l’une des choses les plus bénéfiques que vous puissiez faire pour votre site WordPress. Lorsque cela est bien fait (et lorsque votre serveur exécute LSCache), cela permet à votre site web de répondre beaucoup plus rapidement.

Cela donne un coup de pouce à vos efforts d’optimisation pour les moteurs de recherche (SEO), qui peuvent conduire à un meilleur classement des résultats de recherche.

Sans oublier qu’un site plus réactif peut augmenter les conversions de ventes si vous avez une boutique en ligne. LiteSpeed Cache est l’un des meilleurs et des plus complets plugins de mise en cache WordPress disponibles, et nous allons en parler dans ce tutoriel.

Après avoir passé en revue l’installation du plugin, nous parlerons de certains détails techniques. Comme la façon dont les pages web mises en cache sont servies, et les différents types de mise en cache.

Mais avant d’aborder tout cela, parlons un peu de la mise en cache.

Qu’est-ce que la mise en cache ?

Quand on parle du plugin LiteSpeed Cache, on parle surtout de caches de pages. Une page mise en cache est une copie ou une version d’une page. Mais pourquoi les visiteurs ont-ils intérêt à créer une copie d’une page ?

Lorsqu’un navigateur demande une page de site web WordPress, le serveur exécute de multiples fonctions pour assembler la page.

Le serveur doit (au minimum) rendre quoi que ce soit dans le navigateur :

  • Recevez les derniers messages.
  • Générer un en-tête et un pied de page.
  • Trouvez et placez des widgets dans la barre latérale.
  • Apprenez comment les médias doivent être présentés.

Les pages complexes comme celles des sites de commerce électronique peuvent nécessiter des dizaines d’étapes pour afficher une page.

La plupart des fonctions se font en quelques millisecondes. Mais lorsque vous commencez à les additionner, elles peuvent prendre un certain temps. Ce qui, à son tour, augmente le temps nécessaire pour charger une page.

Un plugin de mise en cache fera une copie de cette page complétée, composée de toutes ces parties. Il affiche ensuite cette copie lorsque la page est demandée (pour une période prédéfinie).

Ainsi, si trois visiteurs demandent la même page dans un délai d’une ou deux minutes, la page ne doit être “construite” qu’une seule fois. Les deuxième et troisième visiteurs voient la copie pré-construite, qui se charge beaucoup plus rapidement puisqu’il n’y a pas de temps de construction.

La mise en cache permet donc à votre site de réagir plus rapidement, ce qui lui donne un avantage global en matière de référencement. Et, ce qui est peut-être le plus important, il améliore l’expérience du visiteur.

Entrez dans le LiteSpeed Cache (alias LSCache)

LiteSpeed Cache, ou LSCache, est un plugin de cache tout-en-un pour WordPress. Il comporte un cache au niveau du serveur et une vaste collection de fonctions d’optimisation.

En relation  Comment exporter des URL WordPress vers des fichiers texte ou CSV

LiteSpeed Cache supporte les installations WordPress multi-sites et est compatible avec la plupart des plugins populaires, y compris Yoast SEO et WooCommerce.

Voici quelques-unes des caractéristiques les plus populaires :

  • Réduire les CSS, JavaScript et HTML
  • Générer automatiquement des CSS critiques
  • Réduction des CSS et JavaScript en ligne
  • Optimisation de l’image (sans perte)
  • La possibilité de combiner CSS et JavaScript
  • Chargement paresseux d’images et d’iframes

Et c’est un cliché, mais ce n’est que la partie visible de l’iceberg. Si vous voulez que votre site web soit mis en cache sans avoir besoin de beaucoup de retouches manuelles, le plugin LSCache est fait pour vous.

Installons le plugin et passons en revue quelques-unes des options disponibles.

Installation du plugin WordPress pour le cache LiteSpeed

Dans la navigation de la colonne de gauche, passez la souris sur le lien “Plugins” et cliquez sur le lien “Add New”.

Dans la case “Plugins de recherche…”, entrez “LiteSpeed Cache”.

Lorsque vous trouvez le plugin, cliquez sur le bouton “Installer maintenant”.

Le plugin est maintenant installé, mais il doit être activé avant que vous puissiez l’utiliser.

Cliquez sur le bouton “Activer”.

Configurer les paramètres du cache du plugin LiteSpeed

Lorsque LiteSpeed Cache est activé, il commence à améliorer la vitesse de votre site web immédiatement, avant que vous ne configuriez quoi que ce soit.

Avant de parler des paramètres, vous devez savoir que le plugin LSCache peut fonctionner de deux façons :

Sans serveur LiteSpeed – cela signifie essentiellement que vous pouvez utiliser toutes les fonctions d’optimisation mais pas de mise en cache.

Avec une licence LiteSpeed Web Server et LSCache – cette option vous offre une fonctionnalité complète et des fonctions d’optimisation et de cache.

Si vous souhaitez utiliser les fonctions de mise en cache, vous devrez peut-être contacter votre fournisseur d’hébergement pour passer à un serveur Web LiteSpeed.

Les sites web Webographie Ecosite fonctionnent sur des serveurs web LiteSpeed, et le plugin LiteSpeed Cache est automatiquement installé lorsque vous installez WordPress.

Bon, passons à ces réglages.

Dans la navigation de la colonne de gauche, passez la souris sur le lien “LiteSpeed Cache”. Vous verrez un certain nombre d’options.

  • Tableau de bord
  • Généralités
  • Cache
  • CDN
  • Optimisation de l’image
  • Optimisation des pages
  • Base de données
  • Crawler
  • Boîte à outils

Certaines des options disponibles sont avancées ou nécessitent un compte QUIC.cloud. Nous ne les aborderons pas dans ce tutoriel.

Nous nous concentrerons sur les options de configuration plus simples de LSCache qui sont disponibles immédiatement : Cache et optimisation des pages.

C’est une petite partie des outils, mais ce sont les deux groupes de contrôles qui auront le plus d’impact.

Paramètres du cache LiteSpeed

Dans la navigation de la colonne de gauche, passez la souris sur le lien “LiteSpeed Cache” et cliquez sur le lien “Cache”.

Voici ce qui est disponible sur les onglets :

Cache – les paramètres contrôlent le cache pour les types de contenu spéciaux, tels que les appels d’API REST et les pages de connexion.

TTL – (time-to-live) contrôle la durée de sauvegarde de certains types de contenu dans le cache.

En relation  Comment vendre des cours sous WordPress en utilisant un système de gestion de l'apprentissage

Purge – paramètres pour purger le contenu du cache. Par défaut, le plugin LiteSpeed Cache purge automatiquement le cache lorsque les plugins, les thèmes ou le noyau de WordPress sont mis à jour.

Excludes – paramètres définissant les types de contenu que vous ne souhaitez pas mettre en cache.

ESI – Edge Side Comprend les réglages. ESI est une technique de mise en cache avancée pour la mise en cache de portions de pages.

Object – le cache des objets stocke les résultats des fréquentes interrogations de la base de données afin qu’ils puissent être facilement retrouvés. Cela peut éliminer la nécessité de répéter certaines interrogations de la base de données.

Navigateur – si vous activez cette fonction, votre site mettra certains fichiers en cache dans le navigateur du visiteur.

Advanced – paramètres avancés comme le cookie de connexion et le préchargement du survol des liens.

Chaque fois que vous apportez des modifications aux options de cache (ou aux options d’optimisation des pages ci-dessous), veillez à tester votre site pour vérifier qu’il fonctionne toujours correctement. Une mauvaise configuration de certaines de ces options peut interrompre le fonctionnement du site.

Paramètres d’optimisation des pages LiteSpeed

Dans la navigation de la colonne de gauche, passez la souris sur le lien “LiteSpeed Cache” et cliquez sur le lien “Optimisation de la page”.

Voici ce que contrôlent les onglets de cette page :

Paramètres CSS – y compris la minification, le chargement et la mise en cache CSS. Un contrôle de l’affichage des polices vit ici aussi.

JS Settings – inclut la minification, la combinaison, l’inlining, etc. de JS (JavaScript)

Paramètres d’optimisation – définir le TTL (temps de vie) du cache CSS et JS, la minification, la pré-recherche DNS, les polices Google et les émojis WordPress.

Paramètres des médias – paramètres de l’image, paramètres LQIP (Low-Quality Image Placeholder), etc. Il y a un paramètre “Lazy Load Images” ici, mais WordPress a automatiquement commencé à charger les images paresseusement dans la version 5.4. Si vous utilisez une version à jour de WordPress, vous n’avez pas besoin d’activer le chargement paresseux dans ce plugin.

Media Excludes – ces paramètres sont tous liés à des images à chargement paresseux.

Paramètres de localisation – Paramètres du cache du Gravatar.

Tuning Settings – pour les fichiers CSS et JS.

Comme vous pouvez le voir, le plugin LiteSpeed Cache offre de nombreuses possibilités de configuration. Pour une plongée plus profonde, vous pouvez consulter la documentation du LiteSpeed Cache.

Comment les pages Web mises en cache sont-elles servies ?

L’installation de quelque chose comme le plugin LiteSpeed Cache est un excellent moyen d’accélérer votre site web. En fait, les pages web sont servies différemment lorsque vous disposez d’un plugin de mise en cache.

Lorsque la mise en cache est activée, le serveur stocke un fichier HTML de votre ou vos pages web. Habituellement, il est stocké dans la mémoire vive (RAM) du serveur, qui est très rapide.

Lorsqu’un navigateur demande une page web, le serveur n’a pas besoin d’effectuer tous les traitements dont il est question ci-dessus. Il se contente d’afficher la page qu’il a déjà dans ses fichiers, ce qui accélère considérablement le temps de chargement de la page.

En relation  Comment mettre à jour Safari

Vous vous demandez peut-être alors ce qui se passe lorsque vous apportez des modifications à votre site ou que vous ajoutez un nouvel article ou une nouvelle page. Eh bien, chaque plugin de cache, y compris LSCache, a une façon de gérer ces scénarios. Souvent, ce qui se passe dépend des paramètres que vous utilisez.

Cela étant dit, un plugin de cache correctement configuré sur votre site WordPress supprimera les versions en cache de votre page d’accueil, des archives ou d’autres pages que vous avez pu définir. Il créerait ensuite de nouvelles versions de ces pages pour les mettre à la disposition des futurs visiteurs du site.

D’autres pages peuvent rester intactes. Là encore, cela dépend des paramètres que vous spécifiez.

Il existe (au moins) deux types de mise en cache

Les types de caches les plus courants sont le navigateur et le serveur. La mise en cache du navigateur se fait, comme on peut s’y attendre, du côté du visiteur. Il s’agit d’un cache de navigateur comme celui de Chrome.

Ensuite, vous avez la mise en cache côté serveur, comme LSCache. Cela se fait sur le serveur du site web.

Examinons quelques-unes des différences entre les deux.

Mise en cache du navigateur : Cela permet à votre navigateur de stocker des fichiers provenant de sites, en particulier de sites que vous visitez souvent. Ainsi, votre navigateur ne doit pas récupérer de nouveaux fichiers à chaque fois qu’un site web est visité.

Mise en cache du serveur :Au lieu de traiter chaque demande, un serveur prend les résultats de toutes les demandes et les stocke pour servir rapidement les résultats enregistrés.

La mise en cache du site web est-elle importante ?

Oui, c’est très important. Si la mise en cache est utilisée correctement, la vitesse de votre site web sera considérablement améliorée, et votre référencement global s’améliorera également. En effet, Google tient compte de la vitesse du site lors du classement des sites web.

Dernières réflexions sur le plugin de cache LiteSpeed

Comme vous pouvez le voir dans les sections que nous avons examinées, le plugin LiteSpeed Cache est assez avancé. Il faut un peu de recherche et d’apprentissage pour tirer pleinement parti de ce qu’il offre.

Cela étant dit, LiteSpeed Cache est probablement le meilleur plugin disponible aujourd’hui pour la mise en cache. C’est une question d’opinion, et il en existe plusieurs très bons.

Certes, il existe des options de plugin de cache plus faciles à installer et à gérer, notamment W3 Cache, WP Cache et WP Super Cache, et Autoptimize. Mais si vous recherchez des fonctionnalités professionnelles et une mise en cache au niveau du développeur, LiteSpeed est parfait pour vous.

Et une remarque importante avant de partir : si vous décidez d’utiliser un autre plugin de mise en cache, désactivez LiteSpeed Cache. Ne lancez jamais plus d’un module d’extension de mise en cache sur votre site WordPress.

Faites-nous savoir comment LiteSpeed Cache fonctionne pour vous et comment vous l’aimez. Avez-vous remplacé un autre plugin de cache par celui-ci ? Préférez-vous un plugin plus simple avec moins d’options ?