MassiveHoster Forum

Saviez-vous que la plupart des fonctionnalités du plugin LiteSpeed Cache (LSCache) sont compatibles avec tous les types de serveurs Web et ne nécessitent pas de serveur LiteSpeed Web Server ou OpenLiteSpeed ?

Cela est brièvement expliqué ici "Using LSCache Without a LiteSpeed Server" (https://docs.litespeedtech.com/lscache/lscwp/installation/#using-lscache-without-a-litespeed-server), de même, un article dédié aux fonctionnalités de LSCache compatibles avec tous les serveurs a aussi été publié ici "LSCache for WordPress for Everybody!" (https://blog.litespeedtech.com/2018/03/21/using-the-lscache-plugin-without-litespeed-server/).

_____

Vous êtes débutant ?
Sachez que les nombreux paramètres du plugin LSCache peuvent paraître assez complexes pour la plupart des utilisateurs qui ne sont pas encore des experts.
Si vous désirez obtenir la meilleure optimisation possible, avec un minimum de connaissances et d'efforts, nous vous recommandons plutôt Notre méthode d'optimisation basée sur le plugin AccelerateWP ! (https://forum.massivehoster.com/massivehoster-academy/comment-optimiser-vos-webperfs-pagespeed-avec-acceleratewp-chez-massivehoster/)
_____

Voyons maintenant les fonctionnalités qui sont compatibles ou non-compatibles avec une technologie de serveur non-LiteSpeed.

Fonctionnalités génériques compatibles avec tous les serveurs

Vous constaterez que la liste est longue puisqu'on y retrouve la majorité des optimisations de performance des plugins tels que WP Rocket (sauf la mise en cache sous forme de "fichiers statiques" qui elle peut être remplacée par un plugin de cache alternatif gratuit).

• Compatibilité avec l'Object Cache Redis et Memcached
• Optimisation d'images sans perte de qualité
• Minification CSS, JavaScript et HTML (inline et externe)
• Concaténation de CSS/JS pour serveurs HTTP/1
• Push du CSS/JS pour les serveurs HTTP/2 (comme MassiveHoster)
• Génération automatique de Critical CSS
• Lazy loading d'images et d'iframes
• Optimisation d'images pour le responsive design
• Ajout des dimensions manquantes aux images
• Support de CDN tiers
• Chargement asynchrone du CSS et JS
• Retardement de l'exécution du JavaScript
• Règles de cache côté navigateur
• Nettoyage et optimisation de la base de données
• Optimisation du score PageSpeed et Core Web Vitals
• Support du cache OPCode
• Pré-chargement DNS
• Support de l'API Cloudflare
• Support des WordPress Multi-sites
• Support des images au format WebP
• Contrôle du Heartbeat de WordPress
• Support avancé du HTTP/2 et du CDN QUIC
• Cache CDN QUIC[.]cloud gratuit

D'après l'article publié sur le blog de LiteSpeed (https://blog.litespeedtech.com/2018/03/21/using-the-lscache-plugin-without-litespeed-server/), toutes ces fonctionnalités ne nécessitent pas l'utilisation d'un serveur web LiteSpeed et sont 100% compatibles, par exemple, avec un serveur Apache ou NGINX !

Comme vous l'aurez compris, mis à part le système de cache pur et dur, le plugin LSCache nous offre la majorité de ses fonctions d'optimisations des performances Web, accessibles gratuitement pour tous types de serveurs !

Néanmoins, passons en revue la courte liste détaillée des optimisations exclusives, non compatibles avec des serveurs non-LiteSpeed.

Fonctionnalités exclusives aux serveurs LiteSpeed pouvant être remplacées par un plugin alternatif gratuit

Ci-dessous, voici la liste des quelques fonctionnalités du plugin LSCache qui ne pourront fonctionner que sur serveurs LiteSpeed, et donc, qui devraient être remplacées par un plugin alternatif gratuit.

• Mise en cache des pages sous forme de fichiers statiques
  (nous allons voir comment remplacer cela par un plugin de cache gratuit)
• Support natif du HTTP/3
  (peut être obtenu grâce à Cloudflare)
• Lignes de commandes LiteSpeed via WP CLI,
  Système d'API WordPress de LiteSpeed
  (utile uniquement pour les développeurs expérimentés)

Étude de cas : amélioration du score PageSpeed d'un site WordPress créé avec Divi, grâce à LSCache !

Avertissement : LSCache est selon nous un plugin plus complexe que la moyenne et embarque de très nombreux paramètres qui peuvent être difficiles à appréhender pour les débutants. Si vous n'êtes pas encore un utilisateur expérimenté, nous vous conseillons de vous orienter vers Notre méthode d'optimisation basée sur AccelerateWP ! (https://forum.massivehoster.com/massivehoster-academy/comment-optimiser-vos-webperfs-pagespeed-avec-acceleratewp-chez-massivehoster/)

_____

Comme vous l'aurez compris, vous pouvez utiliser toutes les fonctionnalités d'optimisation du plugin LSCache, mais le système de cache pur ne fonctionne pas sans un serveur LiteSpeed / OpenLiteSpeed.

Nous allons donc commencer par installer un plugin qui ne s'occupera QUE de la mise en cache sous forme de fichiers statiques.

Ensuite, plus bas, nous activerons un maximum d'optimisations issues du plugin LSCache.

Commençons par tester le score PageSpeed de notre site WordPress & WooCommerce (thème Divi) hébergé chez MassiveHoster et ne bénéficiant actuellement d'aucune optimisation.

(https://massivehoster.com/wp-content/uploads/2024/05/001-pagespeed-nocache.png)

Celui-ci obtient un score de 70/100.

Maintenant, ajoutons un simple plugin de cache gratuit.
Après avoir comparé WP Super Cache et "W3 Total Cache", nous avons choisi de retenir W3TC. À noter que "WP Fastest Cache" aurait pu aussi se joindre à nos tests.

Nous installons rapidement W3TC.

(https://massivehoster.com/wp-content/uploads/2024/05/002-W3TC.png)

Fait intéressant : ces dernières années, W3TC est un plugin qui a très bien évolué comparé à ses débuts, et il offre de bonnes performances.

Dans notre cas, puisque nous allons exploiter aux maximum les fonctionnalités du plugin LSCache, nous activons uniquement la fonction « Page Cache » de W3TC.

(https://massivehoster.com/wp-content/uploads/2024/05/003-w3tc-file-cache.png)

Toutes les autres options peuvent être ignorées.

C'est le moment pour nous d'installer le plugin LSCache.

(https://massivehoster.com/wp-content/uploads/2024/05/004-lscache.png)

Comme déjà expliqué, la fonction de Cache doit être désactivée dans LSCache, puisqu'elle a été activé dans W3TC.

(https://massivehoster.com/wp-content/uploads/2024/05/004-lscache-disabled.png)

Si vous êtes client du plan Premium (MassiveHoster), activez Redis dans votre compte client et copiez le chemin d'accès vers votre socket.

(https://massivehoster.com/wp-content/uploads/2024/05/005-redis.png)

Dans LSCache, activez Redis et renseignez le chemin vers votre socket Redis.

(https://massivehoster.com/wp-content/uploads/2024/05/006-redis-2.png)

Pour la suite, nous vous proposons de vous inspirer des réglages qui vous sont présentés ci-dessous, en commençant par l'activation du Browser Cache.

(https://massivehoster.com/wp-content/uploads/2024/05/007-browser.png)

Réglages pour les images au format WebP (nous en reparlerons plus bas).

(https://massivehoster.com/wp-content/uploads/2024/05/008-webp.png)

Passons à la catégorie la plus intéressante, celle qui s'intéresse aux « Page Optimizations ».

CSS

(https://massivehoster.com/wp-content/uploads/2024/05/009-opti-css.png)

JavaScript

(https://massivehoster.com/wp-content/uploads/2024/05/010-opti-js.png)

HTML

(https://massivehoster.com/wp-content/uploads/2024/05/011-opti-html.png)

Lazy Load, etc.

(https://massivehoster.com/wp-content/uploads/2024/05/012-opti-medias.png)

Ici, dans "Media Excludes", retirez toutes les exclusions de fichiers JS telles que jquery.js.

(https://massivehoster.com/wp-content/uploads/2024/05/013-medias-excludes-empty-all.png)

Voilà, nous en avons fini avec les réglages côté LSCache !

Mais pour aller un peu plus loin, nous allons installer un plugin d'optimisation d'images prenant en charge le formation WebP.

Installez le plugin WebP Express.

Ensuite, dans les paramètres, choisissez le moteur de conversion d'images et lancez la conversion groupée des images actuelles.

(https://massivehoster.com/wp-content/uploads/2024/05/014-webp-express.png)

Nous y voilà ! Nous avons réussi à faire passer notre score PageSpeed de 70 à 96 en quelques minutes, grâce à W3TC, LSCache et WebP Express.

(https://massivehoster.com/wp-content/uploads/2024/05/015-resultats-pagespeed.png)

Si vous pensez comme nous que les paramètres du plugin LSCache semble très complexes pour les débutants, nous vous encourageons vivement à vous tourner vers Notre méthode d'optimisation basée sur AccelerateWP ! (https://forum.massivehoster.com/massivehoster-academy/comment-optimiser-vos-webperfs-pagespeed-avec-acceleratewp-chez-massivehoster/)

Nous restons à votre disposition ci-dessous pour discuter de ce tutoriel.