Copyright HébergementWebs.com - License GPL

Comment installer et configurer le cache total W3 pour les débutants

Plugins   2020-05-20 01:29:47

Nous recevons souvent des compliments des utilisateurs sur la vitesse de chargement de notre site. Tout le monde veut connaître le secret d"un site WordPress à chargement rapide. Outre les plugins bien codés, vous devez vous assurer que vous utilisez une mise en cache appropriée et que vous disposez d"un CDN (). Pour notre configuration, nous utilisons un plugin appelé W3 Total Cache. En raison d"un volume élevé de demandes, nous avons décidé de créer un guide étape par étape sur la façon d"installer et de configurer W3 Total Cache pour les débutants. Dans cet article, nous vous montrerons comment installer W3 Total Mettez-le en cache et configurez-le correctement pour maximiser les avantages. Nous vous montrerons également comment combiner W3 Total Cache avec un service CDN pour accélérer le chargement de votre site. Avant de commencer, nous vous recommandons fortement de vérifier les performances de votre site en utilisant Google Page Speed ​​ et Pingdom Tools . Cela vous donnera une comparaison avant et après. Voici la capture d"écran de nos résultats Pingdom: Commençons avec notre configuration de W3 Total Cache. Tutoriel vidéo Abonnez-vous à HFrance Si vous n"aimez pas la vidéo ou avez besoin de plus d"instructions, continuez à lire. Qu"est-ce que W3 Total Cache? W3 Total Cache est le plugin d"optimisation des performances WordPress le plus rapide et le plus complet. La confiance de nombreux psites opulaires comprenant: AT&T, Mashable, Smashing Magazine, HFrance, et des millions d"autres. W3 Total Cache améliore l"expérience utilisateur de votre site en améliorant les performances de votre serveur, en mettant en cache tous les aspects de votre site, en réduisant les temps de téléchargement et en fournissant une intégration transparente du réseau de distribution de contenu (CDN). Installer W3 Total Cache dans WordPress Avant d"installer W3 Total Cache, vous devez vous assurer de désinstaller tous les autres plugins de mise en cache (par exemple). Si vous ne le faites pas avant l"installation, le plugin aura des problèmes lors de l"activation. Nous avons un guide très détaillé expliquant ce que vous pouvez suivre. Ou vous pouvez suivre le petit guide ci-dessous: Accédez à votre panneau d"administration WordPress et cliquez sur Plugins »Ajouter un nouveau . Recherchez «W3 Total Cache» et vous devriez voir des résultats comme l"image ci-dessous: Cliquez sur le bouton Installer maintenant, puis activez le plug-in. Paramètres et configuration de W3 Total Cache W3 Total Cache est un très plugin puissant, donc il a des tonnes d"options. Cela pourrait être une bonne ou une mauvaise chose. Pour ceux qui savent utiliser ces options, c"est une mine d"or. Pour la plupart des débutants, ces options peuvent être assez délicates et déroutantes. Nous allons visiter chacune de ces options en détail, afin que vous puissiez configurer correctement W3 Total Cache. Commençons par les paramètres généraux. Paramètres généraux Vous pouvez accéder à la page Paramètres généraux en cliquant sur le bouton du menu Performances dans votre panneau d"administration WordPress. C"est là que vous allez configurer le plugin en configurant les paramètres de base. Assurez-vous que vous vous trouvez sur la page des paramètres généraux et non sur la page du tableau de bord promotionnel de ce plug-in. Qu"est-ce que le cache de page? La première option que vous voyez sur cette page est le cache de page. est responsable de la création de pages de cache statiques pour chaque page chargée, de sorte qu"il n"est pas chargé dynamiquement à chaque chargement de page. En activant cette option, vous réduirez considérablement votre temps de chargement. Reportez-vous à l"image ci-dessous pour voir comment fonctionne le cache de pages : Comme vous pouvez le voir normalement lorsqu"un utilisateur vient sur votre site, WordPress exécute des s PHP et des requêtes MySQL dans la base de données pour trouver la page demandée. Ensuite, PHP analyse les données et génère une page. Ce processus prend les ressources du serveur. Activer la mise en cache de la page vous permet d"ignorer toute la charge du serveur et d"afficher une copie mise en cache de la page lorsqu"un utilisateur le demande. Pour la plupart des débutants, le Disque: amélioré est fortement recommandée. Vous devez cocher la case Activer le cache de page et enregistrer tous les paramètres. Pour la plupart des gens, c"est tout ce que vous devez faire avec la mise en cache des pages. Étant donné que ce guide est destiné aux utilisateurs de niveau débutant, nous ignorerons les paramètres avancés de la mise en cache des pages car les options par défaut sont suffisantes. Nous ignorerons également Minify, Database Cache et Object Cache. La raison est simple: tous les serveurs ne fournissent pas des résultats optimisés avec ces paramètres. NeL"option xt que vous verrez est Cache de navigateur. Qu"est-ce que Cache de navigateur? Chaque fois qu"un utilisateur visite un site Web, son navigateur Web télécharge toutes les images, fichiers CSS, JavaScripts et d"autres fichiers statiques dans un dossier temporaire pour améliorer l"expérience utilisateur. De cette façon, lorsque le même utilisateur passe à la page suivante, il se charge beaucoup plus rapidement car tous les fichiers statiques sont dans le cache de leur navigateur. L"option Cache du navigateur dans W3 Total Cache définit une limite de temps sur le cache du navigateur . Étant donné que vous ne changez pas votre logo tous les jours, le fait d"avoir des fichiers statiques comme celui-ci mis en cache pendant 24 heures ne vous fait pas de mal. Cochez simplement l"option Activer sous Cache du navigateur et cliquez sur le bouton Enregistrer tous les paramètres. Une fois que vous avez fait cela, visitez la page Performances »Cache du navigateur pour plus de paramètres. Comme vous pouvez le voir dans l"image ci-dessus, nous avons pratiquement tout activé sauf le 404. Lorsque vous enregistrez les paramètres, tous les paramètres ci-dessous sur cette page prennent automatiquement prendre soin de lui-même. Dans notre, ce sont les paramètres par défaut que nous activons. Qu"est-ce qu"un CDN? CDN signifie Content Delivery Network qui vous permet de diffuser votre contenu statique à partir de plusieurs serveurs cloud plutôt que d"un seul serveur d"hébergement. Cela vous permet de réduire la charge du serveur et d"accélérer votre site Web. Nous avons créé une infographie sur. Nous vous recommandons vivement de le vérifier, afin que vous puissiez prendre une décision éclairée. W3 Total Cache prend en charge, Amazon S3, Rackspace Cloud et Amazon Cloud Front. HFrance utilise MaxCDN (). Cette section s"applique uniquement aux sites qui utilisent CDN ou prévoient d"utiliser CDN. Si vous pensez que vous allez utiliser un CDN, alors nous vous recommandons. La première chose que vous devez faire est de créer une zone de tirage dans votre MTableau de bord axCDN. Connectez-vous à votre compte MaxCDN, cliquez sur Gérer les zones , puis sur le bouton Créer une zone d"extraction . Activé l"écran suivant vous sera demandé de fournir des détails sur votre zone de tirage. Nom de la zone de tirage: Donnez simplement un nom à cette zone de tirage afin de pouvoir l"identifier dans votre panneau MaxCDN. URL du serveur d"origine: entrez l"URL de votre site Web WordPress commençant par http://et" se terminant par une barre oblique de fin / à la fin. Domaine CDN personnalisé: entrez n"importe quel sous-domaine, par exemple: cdn .wpbeginner.com Libellé: fournissez une deion de cette zone de tirage. Compression: l"activation de la compression vous fera économiser de la bande passante, il est donc fortement recommandé de cocher cette case. Une capture d"écran de l"apparence des paramètres mentionnés ci-dessus: Cliquez sur le bouton Créer et MaxCDN créera la zone de tirage. Sur l"écran suivant, il vous montrera une URL comme celle-ci "wpb.wpbeginner.netdna-cdn.com" et enregistrera cette URL dans un fichier texte à l"aide du bloc-notes car nous en aurons besoin plus tard. Maintenant que nous avons créé une zone d"extraction, l"étape suivante consiste à configurer des zones de contenu. Pour ce faire, accédez à votre tableau de bord MaxCDN. Cliquez sur le bouton de gestion à côté de votre zone de tirage que vous venez de créer. Sur l"écran suivant, cliquez sur l"onglet Paramètres. La création de zones de contenu a pour but d"ajouter des sous-domaines, afin que nous puissions améliorer l"expérience utilisateur en mettant en file d"attente le contenu de différents sous-domaines dans le navigateur de l"utilisateur. Pour ce faire, cliquez sur le bouton intitulé Domaines personnalisés et ajoutez plusieurs sous-domaines. Voir la capture d"écran ci-dessous: Une fois que vous avez ajouté des domaines personnalisés, cliquez simplement sur le bouton Mettre à jour. L"étape suivante consiste à configurer les enregistrements CNAME pour les sous-domaines. La plupart de nos fournisseurs recommandés tels que,, etc. fournissent un cPanel à leurs clients pour gérer différents paramètres de leur hébergement. Nous allons décrire comment configurer un enregistrement CNAME dans cPanel. Connectez-vous à votre tableau de bord cPanel puis cliquez sur Simple DNS Zone Editor sous Domaines. Sur l"écran suivant, vous verrez un formulaire avec deux champs. Saisissez le nom de sous-domaine que vous avez entré lors de la création de la zone de contenu. Par exemple, vous mettrez cdn pour cdn.wpbeginnner.com. cPanel remplira automatiquement le domaine complet. Dans le champ CNAME, saisissez l"URL fournie par MaxCDN lorsque vous avez créé la zone d"extraction. Il s"agit de l"URL que nous vous avons demandé de sauvegarder dans le bloc-notes. Répétez le processus pour tous vos sous-domaines, par exemple cdn1, cdn2, etc. N"oubliez pas que seul le champ de nom changera à chaque fois et le champ CNAME aura toujours l"URL fournie par MaxCDN pour votre zone de tirage. Une fois que vous avez créé des enregistrements CNAME pour tous les sous-domaines, il est temps de revenir à WordPress et de configurer avec W3 Total Cache. Accédez à Performances »Paramètres généraux . Faites défiler vers le bas jusqu"à ce que vous trouviez la boîte de configuration CDN. Cochez Activer et sélectionnez MaxCDN dans le menu déroulant Type CDN. Cliquez sur Enregistrer tous les paramètres . Après avoir enregistré les paramètres vous verrez une notification vous informant de fournir des informations pour les champs «Clé d"autorisation» et «Remplacer le nom d"hôte par défaut» et sélectionnez une zone d"extraction. Cliquez sur le lien «Spécifiez-le ici» et W3 Total Cache vous amènera à la page CDN. Sur l"écran suivant, cliquez sur le bouton Autoriser. Cela vous amènera au site Web MaxCDN où vous générerez une clé d"autorisation. Copiez et collez cette clé dans W3 Total Cache. Dans "Remplacer le nom d"hôte du site par", entrez le sous-domaine que vous avez créé précédemment. Enregistrez tous les paramètres et c"est tout. Votre site est maintenant configuré pour servir des fichiers statiques à l"aide de. Désormais, si vous chargez votre site, les URL des images doivent être diffusées à partir du sous-domaine CDN plutôt que du domaine réel de votre site. Par exemple: https://www.wpbeginner.com/wp-content/uploads/2010/08/w3totalcachecdnconfig.gif" serait remplacé par: http://cdn.wpbeginner.com/wp-content/uploads/2010/08/w3totalcachecdnconfig.gif" Maintenant, si aucun de vos fichiers statiques ne se charge avec le CDN, cela signifie probablement que vous devrez spécifier dans le paramètre de liste de fichiers personnalisés dans W3 Total Cache. Nous avons dû le faire pour plugin que nous utilisons pour diffuser des annonces. Si vous accédez à la page des paramètres CDN, vous verrez l"option Avancé: Ajoutez simplement tous les fichiers / dossiers que vous souhaitez inclure pour CDN. De plus, si vous remarquez, il y a une liste de fichiers rejetés. Lorsque vous effectuez une petite mise à jour de conception, votre style.css ne sera pas mis à jour immédiatement. Vous pouvez donc mettre cela dans une liste de fichiers rejetés pendant le temps que vous apportez des modifications. Si vous voulez simplement une purge unique, vous pouvez le faire à partir de votre tableau de bord MaxCDN. Tout ce que nous avons couvert jusqu"à présent, fonctionnera très bien sur la plupart des comptes d"hébergement Web. Cependant, W3 Total Cache est livré avec de nombreuses autres options. Nous ferons de notre mieux pour expliquer ce qu"ils sont et pourquoi nous ne les activons pas sur tous les sites. Minify Minify réduisez simplement la taille de vos fichiers statiques pour vous sauver chaque seul kilo-octet que vous pouvez. Cependant, la génération de ce fichier minifié peut parfois être plus gourmande en ressources que la ressource qu"il enregistrera. Nous ne disons pas que c"est une fonction horrible. Nous disons simplement que ce n"est peut-être pas le mieux adapté à chaque serveur. Nous avons entendu de nombreux utilisateurs s"en plaindre et notre hôte () nous a recommandé de laisser cela de côté. Si vous êtes comme nous (PAS SAUVEGARDER avec le jargon du serveur), alors écoutez votre fournisseur d"hébergement Web. Mise en cache de la base de données La mise en cache de la base de données réduit la charge du serveur en mettant en cache les requêtes SQL. Cela élimine le temps de traitement de l"interrogation de la base de données (qui peut ne pas être beaucoup pour les petits sites). Lorsque nous avons commencé à l"utiliser, cela semblait mettre beaucoup de charge sur notre serveur. Notre hôte nous a recommandé de le désactiver. Au lieu de cela, ils ont fini par activer la mise en cache SQL intégrée pour nous. Encore une fois, utilisez cette option à vos risques et périls. Vous pouvez l"essayer et voir comment cela impacte votre site load temps. Il suffit ensuite de le désactiver, si l"impact n"est pas suffisamment important. La plupart des hôtes ne le recommandent pas pour les comptes d"hébergement partagé. Mise en cache d"objets Si vous avez un site très dynamique, l"utilisation de la mise en cache d"objets vous aidera. Ceci est principalement utilisé si vous avez des requêtes de base de données complexes dont la régénération est coûteuse. Pour la plupart des débutants, ignorez-le. Maintenant que vous avez tout installé, il est préférable de créer une sauvegarde pour votre configuration de cache total W3. Après tout, nous avons traversé beaucoup de choses dans cet article. Vous devrez revenir à la page des paramètres généraux de votre cache W3 Total Cache. Il y a une section pour les paramètres d"importation / exportation. Cliquez pour télécharger le fichier de paramètres depuis votre serveur. Nous espérons que cet article vous a été utile. Pour les utilisateurs qui ne sont toujours pas vendus sur le concept de CDN, nous vous recommandons fortement de lui donner un coup de feu. CDN travaille avec votre hébergeur pour diminuer la charge du serveur et augmenter les performances du site. Nous utilisons MaxCDN et nous vous recommandons de faire de même. (Essayez-les pendant un mois seulement, et vous comprendrez pourquoi nous les recommandons.) Si vous avez des questions, n"hésitez pas à les poser dans les commentaires ci-dessous.