Déverrouiller WordPress speed up avec CDN
– Salut. Je suis Alex Denning et j’ai créé wpshout il y a sept ans. Quand j’ai commencé l’Université, j’ai envoyé ce site à Fred et David, et ils se sont bien débrouillés depuis. Je suis maintenant freelance à temps plein et je travaille sur un cours pour les utilisateurs de WordPress afin qu’ils deviennent des maîtres de WordPress. Le post d’aujourd’hui est un extrait du cours. Amusez – vous bien. Un site Web rapide est important. 47% s’attendent à ce que le site Web soit chargé moins de deux secondes et si le temps de chargement dépasse trois secondes, quatre visiteurs sur dix quitteront le site. Une étude de convivialité (bien qu’obsolète, la théorie est toujours légitime) a montré que les utilisateurs tolèrent de petits retards, mais sont tout aussi insatisfaits des retards moyens et longs.
Vous ne pensez peut – être pas que votre site Web est « lent », mais même s’il faut du temps pour charger les visiteurs, vous pouvez penser que c’est comme un site Web particulièrement lent. Il y a un moyen d’empêcher les visiteurs de partir parce que votre site est trop lent: avoir un site très rapide. Lorsque vous essayez de rendre votre site plus rapide, l’un des plus grands obstacles que vous rencontrerez est les images et d’autres fichiers statiques comme JS et CSS. Les images peuvent en particulier être téléchargées à partir de fichiers volumineux et lents (en particulier sur des serveurs partagés bon marché). Pour améliorer cela, vous pouvez utiliser CDN.
Qu’est – ce qu’un CDN? Le CDN représente le réseau de diffusion de contenu. Le CDN est une collection de serveurs distribués dans le monde entier. Ils sont généralement optimisés pour la publication rapide de contenu statique.
Lcola est géographiquement le serveur le plus proche de vous qui vérifie si vous avez l’image désirée. Sinon, il le chargera à partir du serveur source. S’il le fait, il le montrera.
Cela présente deux avantages: le serveur est optimisé spécifiquement pour le contenu statique (ou, dans certains cas, uniquement pour les images), de sorte que le contenu peut être chargé plus rapidement. Le serveur est aussi proche que possible de l’utilisateur. Cela signifie que l’image n’a pas besoin de se propager fréquemment, de sorte qu’elle peut atteindre rapidement vos utilisateurs. Tout cela semble compliqué, honnêtement. Heureusement, vous n’avez pas à traiter les aspects techniques du CDN – vous pouvez simplement les utiliser. Il existe de nombreux services qui peuvent tout gérer pour vous et rendre le CDN de votre site facile à accélérer.
Tout d’abord, nous découvrirons quelles sont les meilleures solutions CDN WordPress à ce jour. Les photons rendent la vie très simple Les photons sont un très bon CDN. C’est aussi gratuit, ce qui est très utile. Il y a plusieurs raisons pour lesquelles le service photonique de jetpack est si bon que nous le séparons des autres plug – ins CDN: il fait partie du plug – in jetpack. Jetpack a beaucoup de fonctionnalités très utiles que vous utiliserez probablement. Il suffit de configurer jetpack (installer à partir du plug – in? Ajouter nouveau; trouver jetpack) et d’activer photon pour utiliser CDN. Plus besoin de travailler. Ce processus est de loin le plus facile à configurer. Beaucoup d’autres CDN nécessitent une modification technique de la configuration du serveur, mais ce n’est pas le cas ici. Les photons optimisent automatiquement l’image pour vous. La plupart des CDN ne servent que les images que vous fournissez, mais les photons rendent ces images plus petites. Pour ce faire, jetpack utilise un format de fichier appelé webp. Le Web P développé par Google est actuellement le meilleur algorithme de compression. Actuellement, il est supporté par chrome et Opera Web Browser et photon le sait, donc il fournit immag
INI webp n’est disponible que pour les utilisateurs de chrome et d’Opera. Cela représente près de la moitié de l’utilisation de tous les navigateurs, de sorte qu’il n’est pas nécessaire de l’ignorer. Une autre fonction plus avancée du photon est que vous pouvez appliquer un filtre à l’image, la recadrer et la redimensionner. Le recadrage et le redimensionnement des photons sont effectués par défaut (en utilisant simplement la fonction standard add _ Image Size () de WordPress) et pour plus d’utilisateurs techniques, des filtres peuvent être ajoutés pour changer l’apparence de l’image. Les paramètres photoniques sont les mêmes que pour tout autre module jetpack. Après avoir installé le plug – in principal, allez à jetpack? Paramètres, Défilez vers le Photon et appuyez sur Activer. C’est littéralement ça (je t’ai dit que c’était facile).
Voici des informations sur les photons et la documentation API. Alors, pourquoi utiliser un CDN quand les photons sont si puissants? Trois raisons possibles: la vie privée. Les photons sont gérés par Automatic (la société qui possède wordpress.com) et certains utilisateurs les soupçonnent. Un petit chapeau en aluminium? Peut – être, mais Automatic est une société de négoce qui offre des services gratuits, et peut – être pas seulement de bonne foi. Le cache n’a pas expiré. Cela signifie que vous ne pouvez pas supprimer l’image. Si vous remplacez une image, vous devez la télécharger avec un nouveau nom. Photons ne supporte que les images, donc si vous voulez fournir JavaScript et CSS à partir du CDN, vous devez utiliser un service séparé. Malheureusement, nous n’avons pas trouvé de CDN aussi facile à configurer qu’un photon.
Cela n’est toutefois pas nécessairement une source de préoccupation. Le téléchargement d’images à partir de photon fera la plupart du travail en termes de vitesse de téléchargement du site. Les avantages du téléchargement d’autres fichiers statiques à partir du CDN sont minimes et à moins que votre site ne soit très populaire, il est peu probable qu’il ait un impact, donc
Ça en valait la peine. Si vous souhaitez continuer à configurer votre CDN, voici les meilleures options de transaction disponibles. Meilleur choix: cloudflare Cloudflare est un bon choix. Leur fonctionnalité va bien au – delà du CDN et inclut l’amélioration de la sécurité, donc il vaut la peine de regarder. Cloudflare est en tête de liste parce que leur généreux programme gratuit est suffisant pour répondre aux besoins de la plupart des utilisateurs (si vous avez besoin de plus, le programme Pro commence à 20 $\/ site \/ mois).
Si vous voulez poursuivre ces gains marginaux et jumeler jetpack à un autre service CDN, cloudflare est votre premier choix. Le seul inconvénient est que la configuration n’est pas aussi simple que jetpack. Vous devez vous inscrire à un compte et suivre les instructions pour mettre à jour les enregistrements DNS. Cela peut prendre des heures, voire une journée, pour se propager sur le Web. Une fois terminé, vous pouvez choisir un compte gratuit et vous serez configuré. Les débutants du WP ont un tutoriel complet sur le processus. D’autres options d’affaires incapsula offrent des services semblables à cloudflare avec des avantages en matière de sécurité et de vitesse. Leur niveau de gratuité est assez élevé et est l’un des services les plus faciles à configurer (ils ont un plugin wordpress pour faciliter l’intégration, mais il est mis à jour depuis un certain temps). L’inconvénient d’incapsula est que son programme avancé est plus cher que celui de cloudflare, donc vous devez payer plus si vous voulez obtenir des fonctionnalités plus avancées. Le programme Pro commence à 59 $\/ site \/ mois. Keycdn est une solution relativement pratique pour alimenter les sites WordPress et dispose des plug – ins WordPress qu’ils ont développés et entretenus, donc cela pourrait valoir la peine d’essayer. Il y a un essai gratuit, mais il n’y a pas de plan gratuit. Le programme de paiement commence à 0,04 $le gigaoctet, donc vous avez besoin d’un site Web très populaire pour payer plus de $
Une fois par mois. Maxcdn est probablement le plus célèbre. Il est bien utilisé par certains des meilleurs sites de blogging et est souvent mentionné lors de conversations avec d’autres développeurs WordPress. Vous pouvez ajouter le support maxcdn via des plug – ins tels que W3 total cache (voir la documentation ici). Le prix commence à 9 $par mois. Fastly est un service CDN utilisé par de grands médias comme le Daily Guardian. Ils recommandent d’intégrer leurs services en utilisant le plug – in de purge développé par Conde Naste. Ce ne sont pas les CDN les moins chers, mais ils ont une option d’essai pour vous donner un crédit de 50 $. Si tu prends la vitesse au sérieux, ça vaut peut – être le coup d’essayer. Si vous voulez plus de contrôle ou vraiment vous connaître, il peut être utile d’envisager d’utiliser Amazon cloudfront ou Google Cloud CDN. Ils offrent un contrôle plus fin et des prix plus précis, mais ils nécessitent également plus de connaissances techniques.
Il vaut peut – être la peine de dépenser un peu plus d’argent pour que les autres résolvent tous les problèmes techniques pour vous. La meilleure option CDN gratuite pour les sites les plus rapides est de faire des images avec jetpack photo et tout le reste avec cloudflare. Ils sont relativement faciles à configurer et à combiner, ce qui permettra d’augmenter considérablement la vitesse de votre site. Un site plus rapide signifie des visiteurs plus heureux et des moteurs de recherche plus heureux si vous avez un grand site, nous vous recommandons de choisir un service de qualité qui offre plus de contrôle. Les services que nous avons examinés offrent un large éventail de fonctionnalités pour tous les budgets et la taille du site.
Le point central du CDN est la livraison plus rapide du contenu aux utilisateurs. Ce sont des services que vous avez mis en place et que vous avez oubliés, donc il vaut la peine de prendre le temps de les utiliser et de charger le site plus rapidement. Le CDN n’est qu’une partie du défi de rendre votre site rapide. Rhin
L’installation de plug – ins de mise en cache, l’optimisation du contenu, la sélection de sujets rapides et la sélection d’un bon Hôte Web peuvent tous aider à atteindre cet objectif. Pour en savoir plus ou plus et tout ce que vous devez faire vous – même pour tout ce que vous voulez faire avec wordpress, voir devenir un maître de WordPress. Ce cours vous donnera les compétences et la sécurité pour atteindre vos objectifs en utilisant WordPress.
Source: Ozzy Delaney