Comment accélérer WordPress? 6 grands changements plus 10 victoires rapides

Voulez – vous accélérer WordPress et charger votre site plus rapidement? Tout le monde devrait vouloir un site WordPress de chargement rapide. Non seulement il offre une meilleure expérience à vos utilisateurs, mais il peut également avoir un impact positif sur le référencement et vos bénéfices (augmenter le taux de conversion). Malgré cela, beaucoup de gens sont toujours hantés par les sites Web qui ne fonctionnent pas bien. Heureusement, c’est quelque chose que vous pouvez réparer, et je vais vous montrer comment le faire dans ce post profond. Je vais partager les six grands changements que vous devriez mettre en œuvre aujourd’hui pour réduire considérablement le temps de chargement de la page du site immédiatement, et dix autres petits changements que vous pouvez faire si vous voulez aller plus loin.
Commençons pour que vous puissiez rapidement charger le site WordPress… Accelerate WordPress: Comment comprendre les performances de WordPress avant de commencer à mettre en œuvre toutes ces astuces. Afin de charger votre site WordPress plus rapidement, il est important de connaître vos temps de chargement de page actuels et les améliorations à apporter. Pour ce faire, vous pouvez exécuter votre site Web à l’aide de l’outil de test de vitesse du site Web. Pour les gens ordinaires, mon préféré est gtmetrix, parce que tout ce que vous faites est presque d’entrer l’URL, puis il vous permettra de comprendre facilement les résultats:
Par défaut, gtmetrix effectue des tests au Canada, ce qui peut ne pas être très utile si votre auditoire n’est pas au Canada. Cependant, si vous vous inscrivez à un compte gtmetrix gratuit, vous pouvez également effectuer des tests à partir d’autres endroits dans le monde, y compris Dallas, États – Unis. Une autre bonne option est webpagettest. J’aime cet outil pour vérifier comment votre test est configuré, mais ce n’est pas nécessairement l’outil le plus approprié pour les débutants, donc vous pourriez vouloir continuer à l’utiliser
Gtmetrix, si vous êtes un utilisateur temporaire. En plus de cela, Google page speed Insights peut maintenant vous fournir de vraies données de test de performance, bien que cela puisse être un peu difficile à comprendre pour un utilisateur moyen. Pingdom est un autre outil de test simple, bien qu’il calcule le temps de téléchargement de manière à ce que votre site semble plus rapide que la plupart des utilisateurs finaux ne le font réellement.
Enfin, il est important de se rappeler que plus de 50% du trafic se produit aujourd’hui sur les appareils mobiles. Par conséquent, en plus de tester la vitesse du site pour les visiteurs de bureau, nous vous recommandons également de tester la façon dont les visiteurs mobiles peuvent voir votre site. Si vous êtes inscrit à un compte gtmetrix gratuit, vous pouvez également modifier votre appareil de test: Google mobile site speed test est également une autre façon très simple de tester la performance mobile de votre site. Webpagettest vous permet également d’exécuter des tests à partir d’une variété d’appareils mobiles et d’emplacements.
Pour le plaisir, vous pouvez tester le timing de la page avant d’effectuer ces changements, puis effectuer les changements. De cette façon, vous saurez exactement comment ces changements affectent le temps de chargement des pages sur les sites WordPress. Pour rendre cet article aussi utile que possible, aujourd’hui vous pouvez faire six des choses les plus importantes pour accélérer WordPress. Je vais diviser les conseils de performance en deux catégories. Tout d’abord, je vais vous présenter quelques techniques de performance qui maximiseront votre investissement. En gros, si vous n’avez rien fait d’autre dans cet article, vous voudrez au moins faire la première partie.
Par conséquent, dans la section suivante, je vais partager avec vous quelques conseils qui seront encore différents, mais ils peuvent ne pas déplacer trop de pointeurs sur le temps de chargement de la page du site WordPress. 1. Obtenir un hôte de haute qualité oui, je sais
Votre serveur. Avec la mise en cache de page, le serveur stocke le code HTML dans le cache, de sorte que le serveur peut simplement fournir le HTML complété au lieu de chaque génération dynamique.
L’article se poursuit comme suit: Par conséquent, votre serveur ne génère du HTML que lors de la première visite, plutôt que dynamiquement pour chaque visite, de sorte que chaque visiteur subséquent n’a qu’à recevoir la version complète du cache. Parce que votre serveur a moins de travail à faire, il peut fournir du contenu aux visiteurs plus rapidement et plus efficacement. Certains hôtes implémentent automatiquement la mise en cache au niveau du serveur pour vous, de sorte que votre site peut déjà bénéficier de la mise en cache. Sinon, il y a beaucoup de bons plugins de cache WordPress à utiliser.
Une option de démarrage simple, gratuite et haute performance est WP Fastest cache. Tout ce que vous avez à faire est d’installer et d’activer le plug – in, puis vous pouvez aller dans la nouvelle section de cache rapide WP du tableau de bord WordPress et sélectionner la case activer: Vous pouvez également configurer d’autres fonctions d’optimisation et ajuster le fonctionnement du cache si vous le souhaitez. Cependant, il s’agit de paramètres plus avancés et il est absolument correct de cocher la case activer et de mettre en pause une journée. Si vous êtes prêt à payer, WP Rocket est une autre bonne option. L’avantage du paiement est qu’en plus de mettre en cache, il peut vous aider à mettre en œuvre de nombreux autres conseils de performance dans cette liste. Vous trouverez de plus amples informations dans notre revue complète de WP Rocket. 3. Optimiser l’image pour accélérer l’archivage selon http. La taille moyenne du fichier de page sur le site Web est d’environ 50% de l’image. Une taille de fichier inférieure représente le site WordPress ch
Et le chargement est plus rapide, ce qui signifie trouver un moyen de réduire la taille des fichiers image que vous utilisez sur votre site, ce qui peut considérablement réduire le temps de chargement des pages du site. Il existe deux façons principales d’optimiser les images WordPress, toutes deux possibles grâce à quelques plugins faciles à utiliser. Tout d’abord, ajustez la taille réelle de l’image. Si vous prenez une image avec un smartphone ou une caméra, la largeur de l’image dépassera de loin 3000 pixels. Maintenant, c’est bien de pouvoir vous donner des détails haute résolution, mais c’est totalement inutile sur votre site WordPress, et sa zone de contenu visuel peut être d’environ 800 – 1000 pixels. Par conséquent, vous ne voudrez jamais utiliser une image complète de plus de 3000 pixels sur votre site, ce qui est juste un gaspillage de taille de fichier. Au lieu de cela, nous vous recommandons d’ajuster l’image à la taille maximale du site (ou un peu plus pour tenir compte de l’écran rétinien). En savoir plus sur la façon d’automatiser cette opération en une seconde… En plus de changer la taille réelle de l’image, une autre façon d’optimiser l’image WordPress est d’utiliser le plugin de compression WordPress. Essentiellement, cela vous permet de réduire davantage la taille du fichier tout en maintenant la même taille. Il y a deux types de compression que vous pouvez utiliser qui correspond le mieux à vos besoins: la compression sans perte: une petite réduction de la taille du fichier sans changer la qualité. Perte: la taille du fichier diminue considérablement, mais parfois la qualité de l’image diminue (bien que l’oeil humain ne le remarque généralement pas). Pour redimensionner et compresser automatiquement les images lors du téléchargement, vous pouvez utiliser le plugin d’optimisation d’images WordPress. Voici quelques bons choix: shortpixel: mon préféré. Compression WP: une autre entité
Les éléments de base du site Web ont une grande influence sur le rendement du site. Personnellement, il me suffit de passer d’un thème non optimisé à un thème léger et optimisé sur le plan des performances (generatepress) pour réduire de 48% le temps de chargement des pages sur le site. En gros, ça peut faire une grande différence. Je vous suggère de choisir un thème de base flexible et léger qui vous offre de nombreuses options de personnalisation de style au lieu d’essayer de trouver un bon thème pour tout faire. Voici quelques bonnes options: Generatepress: C’est ce que nous utilisons ici avec wplift, et c’est le thème de mon anecdote personnelle ci – dessus. Lisez nos commentaires sur le thème generatepress. ASTRA: une autre très bonne option. Lisez nos commentaires sur le thème Astra. Oceanwp: Super flexible avec de nombreuses options de style. Lisez nos commentaires sur le thème oceanwp. Les trois thèmes sont polyvalents et s’appliquent à tout, des blogs aux magasins de commerce électronique. Ne pas utiliser le plugin expansif WordPress a une erreur commune que l’utilisation d’un plus grand nombre de plugins signifie que le site Web ralentit. Ce n’est pas le cas, même si j’ai vu les avantages d’en faire une règle générale pour les utilisateurs occasionnels de WordPress. Essentiellement, la réalité est que l’utilisation du plugin wordpress plus ne ralentit pas votre site. Pour ce faire, utilisez le plug – in wordpress pour les erreurs de codage. Vous pouvez avoir 30 petits plugins WordPress bien encodés qui ont peu d’impact sur votre site, mais un plugin mal encodé peut améliorer les performances de votre site. Alors, comment savoir quel plug – in a causé le problème? Malheureusement, il n’existe aucun moyen simple de le faire, ce qui nécessitera une analyse approfondie de certains aspects techniques du site. Je serai aussi simple que possible, mais… Tout d’abord, vous pouvez utiliser l’analyse de chute d’eau Cela fait partie de tous les outils de test V
Elocity of the WordPress Websites I listed above, including gtmetrix. Trouvez les requêtes plus lentes à charger, puis passez le curseur sur l’URL pour trouver le plug – in en question: Une autre option est d’utiliser le plug – in gratuit Query Monitor. Il peut vous aider à trouver des plug – ins qui ralentissent votre site: Voici comment l’utiliser. Dix petites façons de charger les sites WordPress plus rapidement si vous avez mis en œuvre les conseils ci – dessus, vous devriez déjà avoir une vitesse de chargement de site assez rapide. Cependant, il y a d’autres choses que vous pouvez faire pour améliorer le rendement de votre site. C’est ce qu’ils… La minimisation est un moyen de réduire la taille du code HTML, css et Javascript sur un site en effectuant des opérations telles que la suppression d’espaces vides inutiles et d’autres changements sans modifier sa fonctionnalité. De nombreux plug – ins de mise en cache WordPress contiennent des fonctionnalités intégrées de minimisation. Par exemple, les plug – ins WP Fastest cache et WP Rocket que j’ai mentionnés ci – dessus contiennent une fonctionnalité de zoom intégrée. Voici comment il se présente dans le cache WP le plus rapide: Alternativement, vous pouvez utiliser un plug – in séparé, comme autooptimize, pour minimiser le Code du site. Une fois que la minimisation est activée, je vous recommande de vérifier attentivement l’apparence du site, car elle peut causer des problèmes dans de rares cas. Si vous voyez quelque chose d’étrange, vous pouvez simplement désactiver minimiser et votre site devrait revenir à la normale. 2. Utilisation du réseau de distribution de contenu (CDN) pour accélérer le temps de chargement global des pages le réseau de distribution de contenu (CDN) aide à accélérer le temps de chargement global des sites en mettant en cache du contenu statique à de nombreux endroits différents dans le monde. En général, tous les visiteurs doivent télécharger des fichiers depuis le serveur du site WordPress. Par exemple, si votre serveur est au niveau de service a
Fichiers fournis par le serveur au navigateur du visiteur. Ceci est identique au concept de compression d’image mentionné ci – dessus et ne s’applique qu’aux fichiers de votre site. Il peut aider à réduire la taille de la page jusqu’à 80% et est très facile à mettre en œuvre. Il existe plusieurs façons d’activer la compression Gzip sur les sites WordPress. Tout d’abord, vous pouvez simplement ajouter le fragment de code suivant au fichier. Accès à votre site: # Compression HTML, css, Javascript, Text, XML, and font addoutputfilterbytype Deflate application \/ javascript addoutputfilterbytype Deflate application \/ RSS + XML addoutputfilterbytype Deflate application \/ VND. MS font fontobject addoutoutputfilterbytype application de mise à l’air libre \/ X – font addoutoutoutoutoutputfilterbytype application \/ X – font addoutoutoutoutoutoutoutoutoutfilterbytype application \/ X – font – openttype addoutoutoutoutoutoutoutoutoutoutoutoutfilterbytype type application \/ X – font font font font font ObjectObject addoutoutoutoutoutoutoutoutoutfilterbytype type application \/ X – font font font ObjectObject addoutoutoutoutoutoutoutoutoutoutoutoutfilterbytype type application \/ X – font openttype addoutoutoutoutoutoutoutoutputfilfilfilterbytype type application \/ X – type \/ X – font addoutoutoutoutoutoutoutoutoutoutouttype type application \/ X – font appappapptype addoutoutoutoutoutoutipt addoutputfilterbytype Exhaust application \/ XHTML + XML L’Office outoutoutoutoutoutoutoutputtytytytytytype type Deflate application \/ XML addoutoutoutoutoutoutoutoutoutoutoutoutpurpurpurpurpurpurbybytype type type type deflatetype police \/ openttype type type type opetype type type type type type type type type \/ openttype type type type type type type deflatete font \/ OTF addoutoutoutoutoutoutoutoutoutoutoutoutoutoutputtype type type type type deflatete images \/ SVG + XML add Add outoutoutoutoutoutoutoutoutoutoutoutoutputtytytytytytytytytytype type Deflate images \/ XML \/ XML addoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutputtype type type TYPE type type type type type type type type type type CSS addoutputfilterbytype Deflate text \/ html addoutputfilterbytype Deflate text \/ javascript Addoutputfilterbytype Deflate text \/ plain addoutputfilterbytype Deflate text \/ XML # delete Browser Errors (only for Very Old browsers) browsermatch ^ Mozilla \/ 4 Gzip only text \/ html browsermatch ^ Mozilla \/ 4 \. 0 [678] No Gzip Browser Matching \ \ bplease! Pas de Gzip! L’en – tête texte \/ html de Gzip n’est joint qu’aux différents agents utilisateurs Certains hôtes vous permettent également d’activer la compression Gzip via le panneau de commande de l’hôte. Alternativement, vous pouvez toujours utiliser le plug – in enable Gzip compression avec le nom approprié. Site Ground, notre hôte WordPress recommandé
O. la compression Gzip est également disponible via le plug – in SG Optimizer. Une fois activé, vous pouvez utiliser l’outil de contrôle de compression Gzip pour vous assurer qu’il fonctionne correctement: tout ce que vous avez à faire est d’entrer l’URL de votre site. 5. Désactiver les liens d’images les liens chauds d’images se réfèrent à quelqu’un qui prend des images hébergées sur votre site Web et les utilise sur son site Web. Essentiellement, ils utilisent les ressources du serveur pour fournir des images sur leurs sites Web. De plus, cela peut avoir un impact négatif sur les performances de votre site en raison de la pression excessive sur votre serveur. Heureusement, il n’est pas trop difficile de désactiver les hyperliens d’images dans WordPress et d’empêcher les gens de voler des ressources précieuses de votre serveur. Tout ce que vous avez à faire est d’ajouter ce code au fichier. Site htaccess: rewriteengine ^ $on rewritecond% {http _ referer} Outrepasser la condition% {http _ referer} ^ Http (s)?: \/ \/ (www)? Votre site. Com [NC] outrepasser la condition% {http _ referer} ^ Http (s)?: \/ \/ (www)? Google. Com [NC] outrepasser la condition% {http _ referer} ^ Http (s)?: \/ \/ (www)? Bing. Com [NC] outrepasser la règle. (JPG | JPEG | PNG | GIF | SVG) $ https:\/\/i.imgur.com\/LjeTThd.jpg [NC, R, l] la dernière ligne indique l’image à publier (un avertissement peut être émis si vous le souhaitez). Je recommande d’héberger cette image sur imgur, DropBox ou d’autres services de stockage qui n’ont pas besoin des ressources du serveur. Vous devez également remplacer \
Ions», 3); Vous pouvez changer les chiffres au besoin: Je pense que le dépôt de 3 à 10 révisions est un bon équilibre. 9. N’hébergez pas de contenu vidéo \/ audio – mais Intégrez – le à partir d’une source externe si vous prévoyez d’utiliser du contenu audio ou vidéo sur un site WordPress, vous ne voulez pas l’héberger sur le serveur. Non seulement il est difficile d’obtenir des résultats corrects (en particulier en ce qui concerne le Codage vidéo), mais cela peut également entraîner une énorme consommation de serveurs. Un meilleur choix? Utilisez un site Web externe qui héberge spécifiquement ce contenu. Pour la vidéo, considérez: YouTube Vimeo wistia et audio, SoundCloud est un bon choix, et il ya un très bon lecteur vidéo. Si votre site reçoit beaucoup de commentaires, vous ne voudrez peut – être pas télécharger chaque commentaire en même temps. Pour éviter cela, vous pouvez diviser le commentaire en plusieurs pages. Les visiteurs intéressés peuvent toujours voir tous les commentaires en utilisant la mise en page, mais vous n’avez pas besoin de télécharger chaque commentaire lorsque la page initiale est chargée. Pour le configurer, allez à paramètres → discussion. Ensuite, sélectionnez l’option diviser les commentaires en pages… Et sélectionnez le nombre de commentaires téléchargés par page: Accélérez WordPress aujourd’hui et profitez d’un site plus rapide. Voici un résumé de nos grands guides sur la façon d’accélérer WordPress! J’espère que vous trouverez cet article utile et que vous nous direz dans vos commentaires comment votre temps de chargement de page s’est amélioré depuis que vous avez fait ces changements. Ou, si vous avez des questions sur la façon de mettre en œuvre ces conseils de performance WordPress, vous pouvez le faire!