Share
La vitesse de page d'un site Web optimisé mis à l'échelle pour un trafic élevé est une phrase que les développeurs entendent souvent dès le moment où ils entrent dans l'industrie. Il y a beaucoup de discussions sur ces sujets, et à juste titre!
Dans ce tutoriel, nous allons examiner quelques-uns des sujets souvent abordés - en particulier la mise en cache - et comment cela peut non seulement profiter à notre site, mais également comment configurer notre installation WordPress pour obtenir les meilleurs résultats possibles..
Voici plusieurs raisons pour lesquelles nous étudierons la mise en cache:
Lors de la dernière série, nous avons examiné comment configurer votre plugin WordPress SEO de Yoast pour fournir un référencement solide. Dans l'article, nous avons discuté de l'importance de la vitesse de page et de son impact sur votre classement. À partir de là, j'ai reçu un certain nombre de questions sur divers plugins de mise en cache, ainsi que sur la meilleure façon de les configurer..
Dans cet article, nous allons donc jeter un coup d’œil sur W3 Total Cache et sur la façon de fournir une configuration optimale pour notre site Web..
Plus précisément, nous allons examiner les points suivants:
Cela dit, jetons un coup d'oeil.
Selon Wikipedia:
En informatique, un cache est un composant qui stocke des données de manière transparente afin que les demandes futures de ces données puissent être traitées plus rapidement. Les données stockées dans un cache peuvent être des valeurs calculées précédemment ou des doublons de valeurs d'origine stockées ailleurs. Si les données demandées sont contenues dans le cache (succès du cache), cette demande peut être satisfaite en lisant simplement le cache, ce qui est comparativement plus rapide. Sinon (cache miss), les données doivent être recalculées ou extraites de leur emplacement de stockage d'origine, ce qui est comparativement plus lent. Par conséquent, plus le nombre de demandes pouvant être traitées à partir du cache est grand, plus les performances globales du système deviennent rapides..
En bref, la mise en cache est le processus de sauvegarde temporaire des données côté serveur, côté client ou peut-être les deux afin d'accélérer le cycle de vie des pages..
Par exemple, lorsque vous produisez le cache de votre site côté serveur, vos utilisateurs ne compilent pas réellement votre travail. Au lieu de cela, ils visualisent les versions pré-compilées de votre travail. En règle générale, nous voyons compressé une version réduite de CSS et JavaScript.
Pour mettre une page en contexte, supposons que votre travail soit une page WordPress (écrite en PHP et MySQL). Dans ce cas, vous envisagez de déclencher jusqu'à 250 requêtes lors du chargement de la page. Supposons qu'il faut 10 secondes pour exécuter la requête sur votre serveur. Cela signifie que chaque fois qu'un visiteur consulte une page de votre site, votre serveur doit assembler le code avec au moins 250 requêtes, ce qui prend 10 secondes pour renvoyer la sortie..
Lorsque plusieurs visiteurs visitent votre site en même temps, votre serveur aura besoin de plus de ressources pour revenir à la page. En conséquence, le temps de chargement en souffre. En outre, imaginez ce qui se passera si 1 000 utilisateurs naviguent simultanément sur votre site - cela peut entraîner une important utilisation des ressources surtout si vous êtes sur un hôte de budget.
Mais si vous mettez en cache les pages de votre site côté serveur, vous pouvez alors progresser en empêchant le serveur de tomber en panne. Mais pourquoi ça?
Lorsque vous mettez en cache les pages de votre site sur le serveur, chaque page est compilée pendant un certain temps. Maintenant, lorsqu'un utilisateur consulte votre site, la page ne nécessite pas 250 requêtes pour être compilée, mais l'utilisateur est déjà servi avec.
Tel est également le cas avec la mise en cache côté client. Dans la mise en cache côté client, certaines données sont stockées dans le navigateur de votre visiteur. Par exemple, supposons que vous ayez le même logo dans l'en-tête. Vous pouvez mettre l'image en cache dans le navigateur de l'utilisateur pour que le navigateur - et non le serveur - renvoie l'image..
Pour être clair, regardons une image à titre d’illustration:
De nombreux plugins de mise en cache sont disponibles, mais W3 Total Cache est un choix judicieux car il comporte de nombreuses options, il fonctionne avec un large éventail de configurations de serveur, avec plus de trois millions de téléchargements. De plus, un plugin aussi connu que W3TC est également sécurisé contrairement à certains plugins moins connus et de moindre qualité..
Bien sûr, c'est un peu sujet, mais la plupart des services que vous trouverez (tels que MaxCDN et New Relic) vous demandent souvent d'installer W3TC pour profiter pleinement de leurs services..
Alors pourquoi ne pas installer et configurer W3TC à l’avance?
J'ai optimisé plus de 100 sites pour mes clients utilisant W3TC et cela n'a produit que des résultats positifs. Les captures d'écran suivantes décrivent les résultats de l'utilisation d'un plugin de mise en cache..
Bien sûr, il y a un côté avancé de l'optimisation pour atteindre tout des objectifs démontrés dans les résultats ci-dessus, mais un débutant avec des optimisations simples peut toujours obtenir des résultats significatifs.
L'utilisation de ces plugins présente de nombreux autres avantages, prenons le mot du développeur pour cela. Frederick Townes a fait un excellent travail en expliquant les caractéristiques.
Ils sont comme suit:
En bref, nous pouvons facilement améliorer l'expérience utilisateur pour nos lecteurs sans avoir à changer WordPress, votre thème, vos plugins ou notre flux de travail..
À ce stade, nous avons défini la mise en cache, pourquoi c'est important, pourquoi nous allons utiliser W3TC et ce que propose le plugin. De plus, nous avons reconnu que l'optimisation de nos sites avec des plugins comme W3TC est cruciale..
Le but de cet article était de fournir une compréhension de l’importance de l’optimisation. Après tout, c'est beaucoup plus difficile à comprendre Comment configurer un sans comprendre Pourquoi nous configurons le plugin.
Dans la prochaine partie de la série, je vais vous expliquer chaque étape de la configuration du plug-in W3TC..
Accentsconagua