Comment réparer en utilisant le cache du navigateur dans WordPress
Votre site Web se charge – t – il lentement? La vitesse de la page est un aspect important de l’expérience utilisateur. Le temps qu’il faut pour charger la page demandée dans le navigateur de l’utilisateur peut avoir une incidence considérable sur le temps que vous passez sur le site, par exemple pour terminer la vente. Le temps de chargement de la page dépend de nombreux facteurs: le cache du navigateur en est un. Dans ce tutoriel, nous discuterons de la façon de corriger la \
Tout d’abord, nous explorerons ce qu’est un cache de navigateur et comment il peut vous aider à accélérer votre site Web. Ensuite, nous discuterons de la façon d’évaluer si un site WordPress nécessite un cache de navigateur. Enfin, nous étudierons plusieurs façons de résoudre les problèmes de mise en cache des navigateurs dans WordPress, avec ou sans plug – ins. Qu’est – ce qu’un cache de navigateur? Le cache est un espace de stockage temporaire. Lorsque les visiteurs demandent des pages de votre site, le serveur recueille les informations nécessaires à partir de la base de données, les organise en documents HTML et les met à la disposition du navigateur. Le navigateur analyse ce document et télécharge toutes les ressources connexes pour voir la page.
Un cache est le processus de stockage d’une partie de la charge utile d’une page dans un cache pour accélérer le chargement ultérieur de la page. Un cache peut exister sur le serveur ou l’appareil du visiteur. Le cache serveur stocke les résultats des requêtes de base de données et \/ ou des réponses HTML statiques pour la page demandée. La mise en cache du navigateur est le processus de stockage des ressources à l’aide d’un stockage temporaire sur l’appareil du visiteur, par exemple:
Cache du navigateur dans WordPress sans plug – in si vous ne voulez pas utiliser le plug – in, vous pouvez modifier les paramètres du serveur Web pour profiter du cache du navigateur. Si c’est le cas, le serveur Web indique au navigateur du visiteur d’enregistrer certaines ressources dans le cache du navigateur. Le navigateur stockera ces fichiers localement pendant une certaine période et les utilisera lors des visites ultérieures de la page.
Le processus de configuration d’un serveur Web pour indiquer au navigateur du visiteur de commencer à mettre en cache varie d’un serveur à l’autre. Dans cet article, nous allons vous montrer comment activer la mise en cache du navigateur sur les deux serveurs Web les plus populaires, Apache et nginx. Vous pouvez corriger le niveau de cache du navigateur en ajoutant des en – têtes périmés qui indiquent au navigateur quand demander une nouvelle version de l’actif du serveur. Modifier les en – têtes de vérification du cache: Vous pouvez utiliser ces en – têtes pour définir la politique du cache. Définir l’en – tête de l’étiquette de l’entité (ETAG): Vous pouvez déterminer si les ressources du serveur ont changé à partir du fichier local. Correction d’un problème avec le cache du navigateur dans Apache 1. Créer ou trouver un fichier. Htaccess est sur le serveur Apache et peut définir tous les paramètres nécessaires dans le fichier. Htaccess. Ces fichiers vous permettent de configurer manuellement les paramètres Apache. Il s’agit de fichiers texte simples qui stockent les paramètres Apache et définissent les permissions et la configuration du Répertoire dans lequel ils se trouvent.
Si vous insérez un fichier. Htaccess est situé dans le répertoire principal de votre site et s’appliquera à toutes les pages de votre site. Vous pouvez également insérer un autre fichier. Htaccess pour définir des permissions spécifiques pour cet emplacement seulement. Veuillez noter, dossier. Htaccess Low level SOV
Vous ne pouvez le stocker que sur un appareil client. Par exemple, les pages de profil des utilisateurs connectés ne devraient être mises en cache que sur les appareils clients. D’autre part, la page d’accueil du blog peut également être mise en cache sur le CDN. Vous pouvez définir une politique de cache publique en ajoutant les règles suivantes:
Vous pouvez également spécifier différentes conditions pour différents types de fichiers en ajoutant les filtres suivants au formulaire d’en – tête:
Ensemble d’en – têtes de contrôle du cache public
En – tête de contrôle de cache dédié
Le code ci – dessus spécifie que le navigateur peut stocker des fichiers Image n’importe où, mais les fichiers PHP doivent être stockés sur l’appareil client. Vous pouvez également ajouter des paramètres de date d’échéance pour chaque règle filematch. Le temps d’expiration doit être défini en secondes. Par exemple, le réglage à zéro exige que le navigateur demande un fichier chaque fois qu’une page est chargée: l’ensemble de titres expire à 0 4. Désactiver les balises d’entité dans Apache Enfin, vous devez désactiver les balises d’entité en utilisant le code suivant: fileettag none désactiver ETAG force le navigateur à dépendre de la politique de cache et évite de revalider le fichier chaque fois que la page est chargée. Enregistrer le fichier. Htaccess et redémarrer Apache pour que les changements prennent effet. Correction d’un problème avec le cache du navigateur dans nginx dans nginx, vous pouvez trouver le fichier de configuration nginx. Conf in etc \/ nginx \/ sites enabled \/ default. Vous pouvez ajouter l’en – tête expires à un type de fichier spécifique en utilisant le code suivant: emplacement ~ *. (ICO | JPEG | JPG | PNG) ${
Réduction de 30 jours;
Vous pouvez également ajouter des en – têtes de contrôle de cache au même bloc de code: emplacement ~ *. (ICO | JPEG | JPG | PNG) ${
Réduction de 30 jours;
Ajouter le contrôle du cache \
Enregistrer le profil et redémarrer nginx
Les cotes de vitesse de page vous indiquent si le site WordPress a besoin d’un cache de navigateur. Ensuite, nous avons discuté de la façon de configurer un serveur Web pour activer la mise en cache du navigateur sans plug – in. Enfin, nous avons passé en revue trois plugins populaires qui vous permettent de réparer le cache du navigateur dans WordPress. Avez – vous des questions sur la façon de réparer le levier de cache du navigateur dans WordPress? Dans l’affirmative, veuillez vous renseigner dans les commentaires ci – dessous.