Si vous souhaitez offrir une expérience utilisateur exceptionnelle à vos utilisateurs, le chargement de votre site doit être rapide. Sans site Web à chargement rapide, votre site Web ne sera pas classé n ° 1 sur Google. Si votre public s’éloigne de votre site Web avant qu’il ne soit entièrement chargé, vous n’allez pas bien classer.
C'est pourquoi il existe des milliers de services d'optimisation de la vitesse WordPress dans l'industrie. Ces fournisseurs de services d’optimisation de la vitesse WordPress peuvent vous coûter une fortune. Les services d'optimisation de la vitesse WordPress peuvent vous coûter entre 25 et mille dollars, selon la qualité, les fournisseurs de services d'hébergement, les plug-ins premium, etc. Les services professionnels vous coûteront toujours. Toutefois, vous pouvez optimiser vous-même la vitesse de votre site WordPress si vous suivez ce didacticiel. Dans cet article, nous discutons de la façon dont vous pouvez optimiser la vitesse de WordPress.
Preuve que WordPress Speed Optimization fonctionne
Avant d'écrire cet article, nous avons optimisé plusieurs sites avec des secrets et des secrets. amélioration de la vitesse de pages conseils sur quatre de nos sites. Le résultat était incroyable. En moyenne, j'ai constaté une amélioration de la vitesse de la page WordPress presque 2x.
Voici la capture d’avant-après
Une fois dans les graphiques, j'ai constaté une amélioration considérable du temps de chargement avant / après.
Meilleures techniques d'optimisation de la vitesse WordPress
Optimiser WordPress pour la vitesse n'est pas une tâche difficile. Mais cela met certainement votre patience à l'épreuve.
L’un des principaux obstacles à l’optimisation de la vitesse de WordPress est la cohérence. Aucun bouton magique ne fonctionnera pour tous. Si certaines optimisations de vitesse WordPress fonctionnent pour vous, cela ne garantit pas que cela ne sera pas le cas pour votre ami Joe ou Smith.
Cependant, vous aurez tous les détails de l'optimisation de la vitesse WordPress dont vous avez besoin dans cet article. Bouclez votre ceinture ce sera une course folle.
Prenez note de la vitesse actuelle du site WordPress
C'est toujours une bonne idée de prendre note de la vitesse de déplacement des pages de votre site avant de commencer l'optimisation. Assurez-vous de tester la vitesse de votre site Web avec des services populaires tels que Pingdom et GTMetrix.
<img class = "aligncenter taille-complète wp-image-2761 jetpack-lazy-image” alt=”Optimisation de la vitesse de WordPress avant après” width=”800″ height=”430″ data-recalc-dims=”1″ data-lazy- src=”https://i1.wp.com/wphive.com/wp-content/uploads/2019/04/Take-note-of-before-Optimize-Your-site-1.jpg?resize=800%2C430&is-pending-load=1#038;ssl=1″ />
Dans ce cas, j'ai vu la vitesse de chargement des pages est presque 10,4 Mo – ce qui au-dessus de la limite.
Vous pouvez également jeter un oeil à Insights Google Page Speed qui fournit des informations utiles sur la façon dont vous pouvez améliorer la vitesse de la page. Google Pagespeed Insights est la première version de bureau. Si vous souhaitez tester votre site pour mobile, Google dispose d'un autre outil astucieux appelé Google Test Mon site
<img class = "aligncenter taille-complète wp-image-2762 jetpack-lazy-image” alt=”google-page-speed-slow "width =" 840 "height =" 703 "data-recalc-dims =" 1 "srcset =" https://i0.wp.com/wphive.com/wp-content/uploads/ 2019/04 / google-page-speed-slow.jpg? W = 1000 & ssl = 1 1000w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/04/google-page-speed -slow.jpg? resize = 300% 2C251 & ssl = 1 300w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/04/google-page-speed-slow.jpg?resize= 768% 2C643 & ssl = 1 768w "données-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 1362px) 62vw, 840px "src =" src = "https: // i0.wp.com/wphive.com/wp-content/uploads/2019/04/google-page-speed-slow.jpg?resize=840%2C703&is-pending-load=1#038;ssl=1 "srcset = "data: image / gif; base64, R0lGODlhAQABAIAAAAAAAP /// yH5BAEAAAAALAAAAAABAAAAAAIBRAA7" />
Utiliser un fournisseur d'hébergement WordPress
Avez-vous déjà entendu le mot temps jusqu'au premier octet (TFFB)? Si vous ne l'avez pas entendu auparavant, vous n'êtes pas seul.
TTFB est une mesure de la réactivité. Les gens ont des opinions différentes sur le premier octet, car certains disent que ce n’est pas un facteur important (Cloudflare) tandis que d'autres disent (Ilya Grigorik, Web Performance Engineer chez Google), c’est essentiel.
<img class = "aligncenter taille-grande wp-image-2763 jetpack-lazy-image” alt=”temps au premier octet kinsta” width=”840″ height=”327″ data-recalc-dims=”1″ data-lazy- src=”https://i0.wp.com/wphive.com/wp-content/uploads/2019/04/wait-time-pingdom.jpg?resize=840%2C327&is-pending-load=1#038;ssl=1″ />
Mais avoir un fournisseur d'hébergement rapide peut charger votre site Web jusqu'à 2x. Un excellent fournisseur d’hébergement vous donnera moins de temps d’attente pour le premier octet.
Kinsta est l’un des principaux fournisseurs d’hébergement WordPress reconnu pour son temps de chargement. Kinsta utilise sa propre mise en cache, son stockage sur disque SSD et sa connaissance de WordPress pour vous fournir une vitesse de chargement optimale.
Il existe également d’autres excellents fournisseurs d’hébergement WordPress. Bluehost, HostGator sont de grands noms de l'industrie de l'hébergement. Vous pouvez également choisir des sociétés d’hébergement optimisées comme WordPress, petites mais réputées. Pilvia, Boss Host BD, Closte qui sont célèbres pour leur support et leur évolutivité.
Utiliser PHP7
PHP 7 est beaucoup plus rapide que ses versions précédentes. Tout récemment, WordPress a annoncé la La configuration minimale requise de PHP est PHP 5.6. Cependant, WordPress est beaucoup plus rapide en PHP 7 et plus. PHP 7 a considérablement amélioré les performances.
Il n'y a aucune raison de ne pas utiliser PHP 7. Si vous avez une erreur de plug-in ou de thème pour la version PHP, nous vous suggérons de trouver une alternative à ces plugins et thèmes. cependant, vous devez passer à PHP 7.x
Voici le tableau qui montre que PHP7 est bien meilleur que PHP6 et l'ancienne version:
<img class = "aligncenter taille-complète wp-image-2765 jetpack-lazy-image” alt=”PHP 7 WordPress Speed Comparision.bak” width=”840″ height=”544″ data-recalc-dims=”1″ data-lazy- src=”https://i1.wp.com/wphive.com/wp-content/uploads/2019/04/PHP-7-WordPress-Speed-Comparision.bak_.jpg?resize=840%2C544&is-pending-load=1#038;ssl=1″ />
Utiliser le CDN
Réseau de diffusion de contenu distribue votre contenu dans le monde entier. Lorsque vous utilisez un CDN, les fichiers et autres ressources de votre serveur (JS, CSS, images, par exemple) sont servis à partir du serveur le plus proche. Votre auditoire chargera toutes ces ressources à partir du serveur le plus proche. Cela garantira une vitesse de chargement rapide de votre site Web.
Il existe quelques fournisseurs de CDN dans le monde.
Si vous cherchez un CDN gratuit, puis essayez WordPress avec Cloudflare. Cloudflare est un réseau de distribution de contenu qui fournit également de nombreuses fonctionnalités utiles telles que le gestionnaire DNS, HTTP / 2, le SSL gratuit, etc.
Les plugins WordPress Caching peuvent améliorer votre vitesse WordPress
La mise en cache est très importante pour maintenir un site Web à chargement rapide.
Qu'est-ce que la mise en cache? Pourquoi la mise en cache est-elle importante?
La mise en cache est un moyen de conserver les données en stockage pour permettre la récupération sans avoir à demander les données à la source d'origine. C'est comme mémoriser quelque chose sans avoir à le chercher.
Le mécanisme de mise en cache charge les pages beaucoup plus rapidement car le serveur n'envoie pas de requête à la base de données ni à PHP. Toutes les pages Web sont servies à partir de ressources enregistrées. Ainsi, éliminant le besoin de requêtes de base de données et de fonctions PHP.
Jeter un coup d'œil à 8 meilleurs plugins de mise en cache WordPress choisir votre plugin de cache WordPress préféré. Vous pouvez utiliser n'importe lequel des plugins de cache mentionnés dans l'article. Par exemple, si vous préférez le cache mod_rewrite, WP Super Cache fonctionne généralement mieux que les autres.
Saviez-vous que les plugins de mise en cache peuvent optimiser la vitesse de WordPress jusqu'à 3x?
Base de données de nettoyage
Vous devez optimiser votre table de base de données pour éliminer toutes les révisions, les commentaires de la corbeille, le pingback et les données inutiles. Ces données peuvent augmenter avec le temps et ralentir votre site Web.
WP-Optimiser est un excellent plugin gratuit qui peut automatiquement nettoyer les révisions de publication, les brouillons automatiques, les publications de corbeille, les commentaires de spam, les pingbacks et les options transitoires de votre base de données.[Nousavonségalementcouvertleplugindansnotrelisteannuelledes[Wealsocoveredtheplugininourannuallistofthemeilleurs plugins WordPress]
Activer la compression Gzip / Compression Brotli
La compression Gzip sert une version compressée de votre site Web aux navigateurs. La compression Gzip peut réduire considérablement la vitesse de vos pages WordPress.
La compression Gzip peut rendre votre site Web presque 50% plus rapide
Vérifier l'outil de compression GZIP
Vous pouvez vérifier si votre site Web est déjà compressé avec gzip ou non avec le site Web. https://checkgzipcompression.com.
Si votre hébergeur ne propose pas la version compressée gzip de vos pages par défaut, vous pouvez l'activer manuellement à partir de votre ordinateur. .htaccess.Il suffit de coller le fichier suivant dans votre .htaccess fichier pour activer la compression gzip
Important: sauvegardez votre fichier .htaccess actuel afin de pouvoir toujours revenir en arrière si votre serveur ne le prend pas en charge.
# Compression HTML, CSS, JavaScript, texte, XML et polices
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / vnd.ms-fontobject
AddOutputFilterByType DEFLATE application / x-font
AddOutputFilterByType DEFLATE application / x-font-opentype
AddOutputFilterByType DEFLATE application / x-font-otf
AddOutputFilterByType DEFLATE application / x-font-truetype
AddOutputFilterByType DEFLATE application / x-font-ttf
AddOutputFilterByType DEFLATE application / x-javascript
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE police / opentype
AddOutputFilterByType DEFLATE police / otf
AddOutputFilterByType DEFLATE font / ttf
AddOutputFilterByType DEFLATE image / svg + xml
AddOutputFilterByType DEFLATE image / x-icon
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / javascript
AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / xml
# Supprimer les bugs du navigateur (nécessaire uniquement pour les très vieux navigateurs)
BrowserMatch ^ Mozilla / 4 gzip-only-text / html
BrowserMatch ^ Mozilla / 4 .0[678] non-gzip
BrowserMatch bMSIE! No-gzip! Gzip-only-text / html
En-tête append Vary User-Agent
Activer la compression Brotli avec Cloudflare
Brotli est la technique de compression de nouvelle génération. Brotli compresse encore plus que Gzip. Vous pouvez utiliser Cloudflare activer la compression Brotli.
- JS compressé avec Brotli est 14% plus petit que compressé avec Gzip.
- Les fichiers CSS compressés par Brotli sont 17% plus petit que ceux compressés par Gzip.
- Les fichiers HTML compressés par Broti sont 21% plus petit que leurs équivalents Gzip.
Brotli peut compresser presque 20% de plus que Gzip
Télécharger des images compressées et redimensionnées
Si vous téléchargez un fichier image de 10 Mo directement dans votre article, vous ne pouvez jamais vous attendre à un site Web à chargement rapide.
<img class = "aligncenter taille-complète wp-image-2267 jetpack-lazy-image” alt=”Tinypng” width=”840″ height=”276″ data-recalc-dims=”1″ data-lazy- src=”https://i2.wp.com/wphive.com/wp-content/uploads/2019/01/tinypng.png?resize=840%2C276&is-pending-load=1#038;ssl=1″ />
Ne jamais télécharger des images plus grand que 1600px (largeur) sur votre site WordPress. Il existe de nombreux outils de redimensionnement d'images gratuits. Un tel resizer d'image est PixResizer.
tinypng.org. est un excellent site web qui compresse intelligemment les images sans en réduire la qualité. Vous pouvez également utiliser Tinypng en tant qu'application de bureau via Bambou application de bureau.
Lazy Load Images
Chargement paresseux signifie que les images ne se chargeront que lorsque les utilisateurs feront défiler l'écran jusqu'à cet endroit de l'article. Si votre image n'est pas visible dans la fenêtre, elle ne sera pas affichée.
Vous pouvez charger des images en différé pour que les images ne bloquent pas le chargement de la page. Le chargement paresseux offre aux utilisateurs une expérience inoubliable, car les utilisateurs n'ont pas à attendre le chargement des images pour visionner du contenu textuel.
Vous pouvez activer le chargement paresseux à partir de Jetpack Réglages
N'utilisez pas plus de plugins que nécessaire
Les plugins sont géniaux, non? Ils offrent tous de grandes fonctionnalités.
D'après mes cinq années d'expérience dans WordPress, moins vous utilisez de plugins, meilleur sera votre site WordPress.
Vous pouvez consulter notre liste des meilleurs plugins WordPress se familiariser avec certains des plugins WordPress les plus utilisés et les plus appréciés.
Conclusion
Depuis janvier 2018, Google utilise la vitesse de la page comme métrique de recherche classer les sites Web sur la recherche mobile.
La «mise à jour rapide», comme nous l'appelons, n'affectera que les pages offrant l'expérience la plus lente aux utilisateurs et n'affectera qu'un faible pourcentage des requêtes. Il applique la même norme à toutes les pages, quelle que soit la technologie utilisée pour créer la page. L'intention de la requête de recherche est toujours un signal très fort, donc une page lente peut toujours occuper un rang élevé si son contenu est excellent et pertinent.
Nous avons mentionné les conseils les plus cruciaux d'optimisation de la vitesse WordPress ci-dessus. Voici quelques petites modifications supplémentaires que vous pouvez appliquer pour obtenir une vitesse de chargement encore plus rapide.
- Optimisez toutes les tailles de fichiers JPEG, PNG et GIF
- Supprimer les vignettes de thème non utilisées
- Adapter les images aux tailles utilisées dans votre site Web
- Activer la mise en cache du navigateur
- Loading Configurer le chargement d'image paresseux
- Stop wp-cron.php si non utilisé
- Stop admin-ajax.php si non utilisé
- Définir des dates d'expiration longues pour les fichiers statiques
- Minifier les fichiers Javascript et CSS à l'aide de Autoptimize
- Activer la protection des liens hypertexte des images
- Vérifiez si PHP non utilisé est supprimé
Vous pouvez également être intéressé par Top 10 des moyens d'optimiser la vitesse de WordPress.
