Astra Theme Tutorial : Comment accélérer avec les plugins de mise en cache

La vitesse de chargement d'un site influe directement sur le temps d'attente des visiteurs et sur le classement dans les moteurs de recherche. En utilisant le thème Astra, vous disposez déjà d'une base de pages légère et performante. Mais si vous souhaitez améliorer encore la vitesse d'accès, le thème lui-même ne suffit pas.

Combiné avec un plugin de cache gratuit, vous pouvez augmenter la vitesse d'ouverture de la page d'un niveau et obtenir une véritable expérience "ouverte en quelques secondes". Cet article vous permettra de ma?triser Astra et le plugin de mise en cacheLes méthodes d'accélération coordonnées, qui font appel à des outils gratuits, peuvent être consultées en profondeur par les webmasters soucieux des performances en matière de vitesse.

Image [1] - Astra theme free speed : avec cache plugin pour atteindre le site en quelques secondes !

I. Avantages du thème Astra en termes de performances

Astra est un thème WordPress con?u pour un chargement rapide avec les caractéristiques suivantes :

caractérisationinstructions
Pas de jQueryéviter les problèmes traditionnels de blocage de JS
Chargement modulaireCharger uniquement les composants activés
Prise en charge des éditeurs modernesFonctionne de manière transparente avec Gutenberg, Elementor
Adaptable aux pages AMPAméliorer la vitesse d'accès mobile
mise en page réactiveS'adapte automatiquement aux différents écrans des appareils

La structure légère d'Astra permet d'obtenir plus facilement l'accélération souhaitée lors de l'utilisation de plugins de mise en cache.

Deuxièmement, les plug-ins de mise en cache gratuits recommandés

1. LiteSpeed Cache

Image [2] - Astra theme free speed : avec le plugin de mise en cache pour réaliser le site en quelques secondes !

Le plugin LiteSpeed Cache est complet et facile à utiliser. Il est particulièrement adapté aux sites WordPress construits sur des environnements LiteSpeed ou OpenLiteSpeed.

Les principales caractéristiques sont les suivantes :

  • cache de page
  • Contr?le du cache du navigateur
  • Chargement paresseux des images
  • Nettoyage de la base de données
  • Automatisation des images WebP
  • CDN docking (supporte QUIC.cloud et Cloudflare)

2. W3 Total Cache

Image [3] - Astra theme free speed : avec le plugin de mise en cache pour réaliser le site en quelques secondes !

W3 Total Cache est un plugin gratuit de qualité professionnelle qui offre plusieurs formes de mise en cache :

  • cache de page
  • Règles de mise en cache du navigateur
  • Mise en cache des requêtes de base de données
  • Compression HTML, CSS, JS
  • Prise en charge de la compression Gzip
  • Gestion du cache des ressources statiques

Idéal pour les constructeurs qui souhaitent contr?ler finement leurs mécanismes de mise en cache.

Méthodes de configuration LiteSpeed Cache + Astra

étape 1 : Installer et activer le plugin

Allez sur la page des plugins du backend, cherchez "LiteSpeed Cache", cliquez sur installer et activer.

Image [4] - Astra theme free speed : avec le plugin de mise en cache pour réaliser le site en quelques secondes !

étape 2 : Activer la mise en cache de base

LiteSpeed Cache > Paramètres du cache :

  • commencer à utiliserCache (informatique)Fonctionnalité
  • Activer la mise en cache séparée pour les mobiles
  • Les pages de connexion des utilisateurs ne sont pas mises en cache (les pages d'édition du backend pour éviter les fausses mises en cache)
  • La mise en cache des commentaires des utilisateurs peut être activée ou désactivée selon le cas.
Image [5] - Astra theme free speed : avec le plugin de mise en cache pour réaliser le site en quelques secondes !

étape 3 : Activer l'optimisation des ressources

LiteSpeed Cache > Paramètres d'optimisation :

  • Fusionner et compresser CSS/JS
Image [6] - Astra theme free speed : avec le plugin de mise en cache pour réaliser le site en quelques secondes !
Image [7] - Astra theme free speed : avec le plugin de mise en cache pour réaliser le site en quelques secondes !
  • Activer la compression HTML
Image [8] - Astra theme free speed : avec le plugin de mise en cache pour réaliser le site en quelques secondes !
Image [9] - Astra theme free speed : avec le plugin de mise en cache pour réaliser le site en quelques secondes !
  • Supprimer la cha?ne de requête de l'URL
Image [10]-Vitesse gratuite du thème Astra : avec le plugin de mise en cache pour réaliser le site en quelques secondes !

étape 4 : Paramètres d'optimisation des images

LiteSpeed Cache > panneau Optimisation des images :

Image [11]-Vitesse gratuite du thème Astra : avec le plugin de mise en cache pour réaliser le site en quelques secondes !
  • Activer le chargement différé (s'il n'est pas activé par Astra lui-même)
Image [12]-Vitesse gratuite du thème Astra : avec le plugin de mise en cache pour réaliser le site en quelques secondes !
  • Si les deux ont des paramètres de chargement paresseux, il suffit d'activer celui de LiteSpeed

étape 5 : Exclure les chemins d'accès aux pages mises en cache

Pour éviter la mise en cache du panier d'achat, de la page de paiement, du backend et d'autres pages, il est recommandé d'exclure les chemins suivants :

/wp-admin/*
/cart
/checkout
/mon-compte
Image [13]-Vitesse gratuite du thème Astra : avec le plugin de cache pour atteindre le site en quelques secondes !

Astra avec le plug-in cache compétences pratiques

Optimisation du constructeur de pages

Si vous utilisez Elementor ou Gutenberg pour construire vos pages, vous devriez éviter d'activer l'optimisation du cache propre au constructeur, et laisser la fusion des ressources et le report au plugin LiteSpeed Cache pour éviter les conflits de fonctionnalité.

Suggestions d'optimisation du chargement de la page d'accueil

Grace à la simplicité native d'Astra et à la prise en charge des plugins de mise en cache, il est facile d'obtenir une page d'accueil qui s'ouvre en quelques secondes. Il est recommandé de réduire l'utilisation de vidéos, de scripts sociaux, de polices tierces et d'autres ressources lourdes sur la page d'accueil afin de réduire davantage le temps de chargement.

Contr?le du chargement des polices

Disponible dans LiteSpeed CacheConfiguration de la précharge des policesou localisées pour réduire le délai de chargement de Google Fonts. S'il n'y a pas de besoin particulier, il est recommandé d'utiliser les polices du système ou les polices personnalisées téléchargées.

Compression d'images et conversion de formats

Activez la prise en charge de WebP via le panneau du plugin et activez la compression automatique, vous pouvez réduire efficacement la proportion des ressources d'image, ce qui convient particulièrement aux blogs ou aux sites d'entreprise avec plus d'images de contenu.

V. Outils de mesure de la vitesse et de vérification des performances

En combinaison avec Astra et LiteSpeed Cache, les outils suivants sont recommandés pour tester la vitesse de chargement :

artefactDescription fonctionnelle
Google PageSpeed InsightsAnalyser les indicateurs de performance des téléphones portables et des ordinateurs de bureau
GTmetrixAfficher les temps de chargement, la taille des fichiers, les suggestions d'optimisation
Outils PingdomTest rapide de la latence d'accès et de la réponse DNS

Valeurs de référence suggérées pour la performance des pages :

  • Chargement du premier écran < 2,5 secondes
  • Taille de la page < 1MB
  • Maintenir le nombre de demandes en dessous de 50
  • Cache hits above 90%

VI. Recommandations d'installation rapide de W3 Total Cache

Si vous utilisez un environnement Apache ou Nginx, essayez de configurer l'option W3 Total Cache: :

  • Activer la mise en cache des pages (disque : amélioré)
Image [14]-Vitesse gratuite du thème Astra : avec le plugin de mise en cache pour réaliser le site en quelques secondes !
  • Activer le cache du navigateur
Image [15]-Vitesse gratuite du thème Astra : avec le plugin de mise en cache pour réaliser le site en quelques secondes !
Image [16]-Vitesse gratuite du thème Astra : avec le plugin de mise en cache pour réaliser le site en quelques secondes !
  • Compression HTML, CSS, JS
Image [17]-Vitesse gratuite du thème Astra : avec le plugin de cache pour atteindre le site en quelques secondes !
  • Paramètres CDN Offre groupée optionnelle avec le service gratuit de Cloudflare

L'interface de fonctionnement est plus compliquée et il est recommandé d'enregistrer le test élément par élément.

VII. déclaration sur les questions fréquemment posées

Astra et le plugin de cache sont-ils en conflit ?

Astra est écrit dans une structure simple et disciplinée et n'entre généralement pas en conflit avec les plugins de mise en cache. Tant que les mêmes optimisations ne sont pas activées de manière répétée (par ex.chargement paresseux (informatique)) pour un fonctionnement stable.

Que dois-je faire si les mises à jour des articles ne sont pas synchronisées après l'activation de la mise en cache ?

Par défaut, le plugin de cache efface automatiquement le cache après la publication d'un message. Si la mise à jour ne prend pas effet, vous pouvez effacer manuellement le cache dans les paramètres du plugin ou activer la fonction "Effacer le cache lors de l'enregistrement du message".

Pour quels h?tes LiteSpeed Cache est-il disponible ?

LiteSpeed Cache est mieux adapté aux serveurs LiteSpeed ou OpenLiteSpeed. Il peut également être déployé avec OpenLiteSpeed pour ceux qui utilisent le Pagoda Panel. Si vous utilisez Nginx ou Apache, W3 Total Cache est recommandé.

VIII Liste de contr?le de l'optimisation du cache (LiteSpeed Cache)

liste de contr?leParamètres recommandés
Plugin activéêtre
Cache de page activéêtre
Indépendance du cache mobileêtre
élimination de la mise en cache du backend et des pages de commandeêtre
Activation du chargement paresseux des imagesêtre
Activer le format WebPêtre
Fusionner et compresser les CSS/JSêtre
Processus de préchargement des policesêtre
Les paramètres du CDN sont correctssélectionnable
Nettoyage de la base de données activéêtre
Un retard dans le chargement des ressources est normalêtre

Il est recommandé de comparer les changements de performance avant et après l'utilisation des fonctions d'optimisation et de choisir la combinaison la plus stable et la plus compatible.

résumés

Thème AstraIl a déjà de bonnes performances de chargement, et avec des plugins de mise en cache gratuits tels que LiteSpeed Cache ou W3 Total Cache, vous pouvez encore raccourcir le temps de réponse et réduire le taux de rebond. L'ensemble du processus d'accélération est exempt de co?ts supplémentaires, tant qu'une configuration raisonnable permet d'obtenir une excellente vitesse de chargement.

Si vous n'êtes pas satisfait de la vitesse de votre site web actuel, essayez les paramètres fournis dans cet article et utilisez un outil de test de vitesse pour comparer. En quelques étapes simples, votre site Astra sera "léger + rapide".


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été écrit par lmx
LA FIN
Si vous l'aimez, soutenez-le.
félicitations622 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires