10 étapes pour optimiser les performances du site WordPress

Amélioration des performances du site Web WordPress: un guide d'optimisation étape par étape

(Cette série d'articles sur l'optimisation des performances du site Web WordPress a été créée en collaboration avec Siteground. Merci pour votre soutien aux partenaires qui ont rendu possible SitePoint.)

Les sites Web lents sont frustrants. Les visiteurs potentiels peuvent partir avant le chargement de la page et les classements des moteurs de recherche diminueront également, entraînant une réduction du trafic.

Le temps de chargement de la page Web idéale doit être dans les deux secondes. Comment y parvenir? Faites-le pas à pas.

Cet article présentera une gamme de stratégies qui peuvent être utilisées pour optimiser la vitesse des sites Web WordPress.

points clés

• Sélectionnez un hôte virtuel de haute qualité pour s'assurer que le site Web ne ralentit pas en raison de problèmes de serveur. Les excellents hôtes virtuels devraient hiérarchiser la vitesse et fournir des fonctionnalités telles que le matériel SSD, les outils de mise en cache et les services CDN.
• Optimiser les thèmes et plugins WordPress. Une large gamme d'options peut ralentir le site Web, alors choisissez un thème léger et bien codé. Minimisez le nombre de plugins à utiliser et assurez-vous qu'ils sont optimisés pour la version actuelle de WordPress.
• Optimiser les images en spécifiant la taille maximale, en utilisant des techniques de compression sans perte, en utilisant un chargement retardé et en choisissant le format d'image le plus approprié. Les images représentent plus de 65% du contenu de la page Web, donc l'optimisation des images peut améliorer considérablement les performances du site.
• Utilisez du cache pour accélérer les sites Web de trafic élevé. Le cache stocke les fichiers HTML pour les futurs visiteurs, ce qui permet de gagner beaucoup de temps. Optimisez régulièrement la base de données pour supprimer des informations inutiles et améliorer les performances.
• Effectuez régulièrement la maintenance WordPress et utilisez des plugins de performances. Garder votre site Web à jour, supprimer les anciennes révisions et commentaires de spam, et l'utilisation de plugins pour gérer les tâches d'optimisation peut tous aider à maintenir votre site Web en douceur.

à quel point le site Web est lent?

Vous ne pensez peut-être pas que le site Web est lent. Votre navigateur a une page très probable en cache, donc votre expérience est différente des nouveaux visiteurs.

Voici quelques services qui peuvent vous dire le temps de chargement de la page et la taille totale du fichier de la page:

• gtmetrix
• yslow
• Google Pagespeed Insights
• Pingdom

Vérifiez la vitesse du site Web avant et après avoir ajusté les performances du site Web. Si votre temps de chargement de page est dans les deux secondes, c'est bien fait.

Enregistrez les différences apportées à chaque étape. Quelle étape est la plus efficace?

1. Sélectionnez le bon hôte virtuel

héberge un site Web sur un serveur lent, l'amélioration de la vitesse est impossible. Le choix du bon hôte virtuel est la première étape pour avoir un site Web de chargement rapide.

Comment choisir une entreprise qui priorise la vitesse? Consultez la liste des performances dans le guide ultime pour sélectionner un hôte virtuel.

SitePoint s'est récemment associé à Siteground pour en faire notre hôte Web officiel recommandé. Siteground propose des serveurs sur plusieurs continents et utilise le dernier matériel SSD, des outils de mise en cache internes et des services CDN gratuits pour investir massivement dans les améliorations de la vitesse. Son serveur flexible prend en charge PHP7 et HTTP / 2 et continue d'effectuer des mises à jour logicielles et matérielles.

2. Optimiser le sujet

Tout d'abord, utilisez un thème rapide. Une multitude d'options peut simplifier votre travail, mais au prix de l'augmentation du fardeau de votre serveur Web et de votre navigateur. Certains thèmes WordPress sont de taille des mégaoctets, augmentant le temps de chargement des pages.

Chaque fonctionnalité que vous n'utilisez pas ralentira le site Web sans raison. Si vous êtes bon pour peaufiner votre code, sélectionnez des sujets avec moins d'options pour accélérer votre site Web.

• Le thème WordPress par défaut est facile à ajuster, léger et a un bon code. Pensez à utiliser un sujet et à ajuster votre code vous-même ou à embaucher un développeur.
• La thèse et le schéma sont deux autres thèmes qui priorisent les performances.

Lire plus approfondie:

• Quel est le meilleur thème WordPress?
• 9 Thèmes WordPress gratuits les plus populaires
• Comment concevoir un site Web WordPress complet avec des thèmes de base et Elementor

Deuxièmement, utilisez une conception réactive. Les conceptions réactives sont conçues pour charger moins de ressources dans les appareils mobiles ou spécifier des images haute résolution pour les écrans de bureau. Les utilisateurs mobiles n'ont pas besoin de télécharger de grandes images et les utilisateurs de bureau n'ont pas besoin de plisser les yeux pour regarder de petites images.

Google préfère également les sites Web réactifs, il est donc prévu que le référencement s'améliore après la commutation.

3. Suivi du plug-in

Tout d'abord, minimisez le nombre de plugins utilisés. Avant d'installer des plugins, demandez si vous en avez vraiment besoin. L'installation d'un grand nombre de plug-ins n'aura pas un impact énorme sur la vitesse du site Web, mais augmentera le risque d'installer des plug-ins mauvais comportements.

Deuxièmement, assurez-vous que votre plugin est optimisé pour la version actuelle de WordPress. Faites des recherches avant d'installer le plugin, surtout si la notation est Samsung ou plus bas. Il peut être mal développé ou utiliser des crochets inappropriés. Cela peut ralentir le site Web et peut également avoir un impact négatif sur WordPress et d'autres plugins. Il est également important de tenir les plugins à jour pour vous assurer que vous avez les dernières améliorations de performances, les correctifs de sécurité et les fonctionnalités.

4. Gadget d'optimisation

Votre widget doit être aussi léger et facile à charger que possible. Certains widgets chargent JavaScript externe ou CSS lors du rendu. Ceci est courant pour Facebook, Twitter et le widget des réseaux sociaux de Google.

Si le widget est peu susceptible d'être mis à jour fréquemment, téléchargez-le directement sur le serveur. En ne comptant pas sur des serveurs externes, vous pouvez réduire le temps de chargement de votre site Web.

5. Optimiser le contenu statique

Tout d'abord, utilisez GZIP pour compresser le contenu statique. Le fichier compressé est plus petit, il se charge donc évidemment plus rapidement.

1. Si vous utilisez un serveur partagé, la meilleure option est d'activer la compression GZIP directement à partir de CPanel (si votre hôte fournit cette fonctionnalité).
2. Vous pouvez activer la compression GZIP à l'aide d'un plugin comme W3 Total Cache. Nous couvrirons le plugin dans le prochain post.

Deuxièmement, utilisez CDN pour réduire la charge sur le serveur Web. Vos ressources statiques (telles que les images, les scripts et les fichiers CSS) seront servies à partir de serveurs de réseau de livraison de contenu optimisés dans le monde entier - souvent le serveur le plus proche des visiteurs. Votre serveur Web sera publié pour servir le reste du site Web, améliorant ainsi les performances.

Idéalement, recherchez des hôtes virtuels qui offrent des CDN dans leurs plans d'hébergement, tels que Siteground. Il existe de nombreux réseaux CDN:

• Amazon S3
• maxcdn
• Média Temple CDN
• cloudflare
• CDN gratuit

Ceux-ci sont utilisés en conjonction avec les plugins de cache que nous introduirons la prochaine fois.

Ce qui suit est plus de lecture sur CloudFront:

• Livraison de l'image de mouvement à l'aide de CloudFront

6. Image optimisée

Les images sont l'un des éléments plus lourds d'un site Web: ils représentent plus de 65% du contenu de la page Web. Il existe plusieurs façons d'optimiser les images téléchargées.

Tout d'abord, spécifiez la taille maximale de l'image pour les vignettes, les images moyennes et grandes. Vous pouvez trouver ces options dans les paramètres / médias. Si vous téléchargez une image de 1024 pixels et que votre zone de contenu n'a que 604 pixels de large, l'image sera réduite à l'aide de CSS. La taille de téléchargement de 604 pixels de 604 pixels générée de 604 pixels sera considérablement réduite.

Deuxièmement, compressez-le! Cette technique peut réduire la taille des fichiers d'image sans redimensionner la taille de l'image ni la réduction de la qualité d'image. Bien que Yahoo ait annulé le service SMUSH.it il y a quelques années, il existe des alternatives comme Resmush.it, et certains plugins que nous couvrirons dans le prochain post.

Troisièmement, utilisez le chargement paresseux. Cette technique est très efficace pour les sites Web à forte intensité d'image. Les images sont chargées uniquement lorsqu'elles sont visibles, pas lorsque la page est initialement chargée. Cela peut considérablement accélérer les temps de chargement de la page, bien qu'il affiche des retards lorsque l'image défile dans le champ de vision.

Lire plus approfondie:

• Cinq techniques pour retarder le chargement des images pour améliorer les performances du site Web

quatrième, choisissez le meilleur format d'image pour votre site Web. Certains formats d'image sont plus faciles à utiliser, tandis que d'autres sont plus petits. Par exemple, un SVG évolutif a une taille de fichier plus petite, surtout si vous l'optimisez pour le Web et la compressez avec GZIP.

Apprenez les avantages et les inconvénients de divers formats d'image ici:

• Quel est le format d'image correct pour votre site Web?
• L'utilisation d'images SVG est-elle bonne pour les performances de votre site Web?

cinquième, utilisez l'assistant CSS. Améliorez les performances en combinant de nombreux petits sujets et des images diverses en aussi peu d'images que possible. En savoir plus ici:

• elfe CSS
• Comment utiliser l'assistant d'image SVG

Enfin, consultez cet aperçu complet de l'optimisation de l'image:

• Optimiser les images WordPress

7. Optimiser la base de données

La page WordPress est chargée à partir de la base de données MySQL. Au fil du temps, la base de données peut contenir de nombreuses informations dont vous n'avez plus besoin. L'optimisation de la base de données supprime ces informations et améliore les performances.

Vous pouvez optimiser la base de données directement à partir de phpmyadmin. Vous pouvez également utiliser des plugins pour l'optimiser. Nous les couvrirons dans le prochain article.

8. Utilisez du cache pour accélérer les sites Web de trafic élevé

Le cache

est très efficace pour optimiser les sites Web à haut trafic. Chaque fois qu'une page WordPress est chargée, les informations sont récupérées à partir de la base de données et des fichiers CSS, combinées dans un fichier HTML, puis chargées dans le navigateur de l'invité. Cela prend du temps.

Cache met ces fichiers HTML à la disposition des futurs visiteurs, ce qui fait gagner beaucoup de temps. Nous couvrirons le plugin de cache dans le prochain article.

9. Effectuer une maintenance de routine WordPress

Gardez votre site Web WordPress dans sa meilleure forme avec une maintenance régulière. Certaines routines de maintenance peuvent augmenter considérablement la vitesse, en particulier:

• Gardez le WordPress et les plugins mis à jour.
• Supprimer les anciennes révisions du poste.
• Supprimer les commentaires du spam.

Apprenez à faire ceux-ci et plus ici:

• Votre liste de maintenance WordPress ordinaire

10. en utilisant des plug-ins de performances

Pour de nombreuses tâches d'optimisation, il existe des plugins WordPress qui peuvent faire le gros du travail pour vous. Nous avons couvert huit des meilleurs plugins qui couvrent tous les aspects. Nous énumérons également près de vingt alternatives afin que vous puissiez explorer lesquelles sont les meilleures pour vos besoins. Soyez en profondeur et voyez lesquels ont le plus grand impact sur votre site Web.

Si vous suivez notre liste de contrôle de maintenance WordPress, vous utilisez peut-être déjà certains de ces plugins. Continuez à travailler dur! Ces ordures s'accumuleront en continu.

### W3 Cache total

• Coût: gratuit
• Installation active: 1 million

Ce plugin utilise le cache pour fournir une simple optimisation des performances Web (WPO) - Posts et pages de cache à la mémoire ou au disque, les flux de cache, les pages de résultats de recherche, les objets de base de données et les fichiers CSS et JavaScript compressés. Pour en tirer le meilleur parti, prenez le temps de le configurer attentivement.

W3 Le cache total peut également être utilisé avec votre CDN tel que CloudFlare ou MaxCDN pour réduire davantage le temps de chargement.

W3 Le cache total améliore l'expérience du référencement et de l'expérience utilisateur du site Web en améliorant les performances du site Web et en réduisant le temps de téléchargement via des fonctionnalités telles que l'intégration de la livraison de contenu (CDN).

Les plugins de mise en cache alternatifs incluent WP Super Cache, Hyper Cache, WP le plus rapide cache et facilitateur de cache.

Si vous souhaitez éviter les plugins, une bonne option consiste à trouver un hôte virtuel qui cache pour vous. Notre partenaire Siteground a un excellent outil de mise en cache développé en interne qui peut vous aider à accélérer considérablement votre site Web.

### wp-optimize

• Coût: gratuit
• Installation active: 600 000

Ce plugin gratuit peut optimiser votre base de données WordPress en un seul clic, ou optimiser automatiquement avec son planificateur intégré. Les informations redondantes (telles que le spam, les révisions de post et d'autres projets de spam) seront nettoyées de votre base de données MySQL, accélérant le chargement du site Web.

WP-Optimize est un outil efficace pour nettoyer automatiquement les bases de données WordPress à fonctionner à une efficacité maximale.

Les plug-ins d'optimisation de la base de données alternatifs incluent Optimiser la base de données après la suppression des révisions, WP Cleanup, WPOPTIMIE, WP Database Cleaner et WP-Dbmanager.

### Autoptimize

• Coût: gratuit
• Installation d'activité: 300 000

Mauvais CSS structuré et HTML peuvent entraîner la ralentissement de la vitesse du site Web et la perte de trafic. Ce plugin analyse et modifie votre site Web, "compresse" et supprime le code redondant.

Pour éviter les conflits de compatibilité, Autoptimize peut ignorer vos autres plugins. Il peut également forcer vos plugins à s'exécuter dans un ordre spécifique. En essayant cela, vous pourrez peut-être réduire considérablement le temps de chargement.

AutoPtimize facilite l'optimisation de votre site Web. Il relie tous les scripts et styles, les comprimes et les comprimes, ajoute des en-têtes expirés, les cache et déplace les styles à l'en-tête de la page et déplace le script au pied de page.

Les plugins alternatifs pour la compression incluent WP Super Minify et Better WordPress Minify.

### P3 (Plugin Performance Profiler)

• Coût: gratuit
• Installation active: 100 000

Les mauvais plugins peuvent nuire aux performances du site Web. P3 évaluera votre plugin. Il identifiera le plugin qui a le plus grand impact sur le temps de chargement du site Web et l'afficher dans le graphique à tarte afin que vous puissiez facilement voir quels ajustements ont le plus grand impact.

Ce plugin crée un profil de performance de plugin de site Web en mesurant l'impact du plugin sur le temps de chargement du site Web. En règle générale, les sites Web WordPress se chargent lentement en raison de plug-ins inappropriés ou d'un nombre excessif de plug-ins. En utilisant le plugin P3, vous pouvez réduire tous les facteurs qui font le lendemain votre site Web.

Les plugins alternatifs liés incluent le plugin Organizer.

### WP SMUSH

• Coût: gratuit et premium (à partir de 19 $ par mois)
• Installation d'activité: 700 000

Ce plugin compresse l'image en supprimant les métadonnées des fichiers JPEG, en optimisant la compression JPEG, en convertissant certains GIF en PNG indexés et en supprimant les couleurs inutilisées des images indexées. Vous pouvez le définir pour compresser automatiquement de nouvelles images lors du téléchargement sur le site Web.

WP Smush est rapide et a de bonnes performances. Les fichiers sont compressés à l'aide d'un serveur dédié et sont recommandés par l'outil de performance du site Web gtmetrix.com.

redimensionner, optimiser et compresser toutes les images avec un compresseur d'image WordPress puissant et complètement gratuit, gracieuseté de la super équipe de WPMU Dev!

Les plug-ins de compression d'images alternatifs incluent EWWW Image Optimizer, Imagify, Kraken Image Optimizer, Shortpixel Image Optimizer et CW Image Optimizer.

charge paresseuse

• Coût: gratuit
• Installation d'activité: 90 000

Ce plugin garantit que l'image n'est chargée que si elle est visible au-dessus de la fenêtre. Il fonctionne hors de la boîte sans configuration.

Retarder le chargement des images pour améliorer le temps de chargement des pages. Utilisez jQuery.sonar pour charger des images uniquement si elles sont visibles dans la fenêtre.

Les plugins de chargement paresseux alternatifs incluent JQuery Image Lazy Load WP, ​​BJ Lazy Load, Rocket Lazy Load, dévoilent la charge paresseuse et la charge paresseuse pour les vidéos.

### imsanity

• Coût: gratuit
• Installation active: 100 000

Ce plugin gratuit ne fournit pas de compression sans perte, mais ajustera automatiquement l'image à une résolution plus "raisonnable". Il est capable de définir la largeur, la hauteur et la qualité maximales de l'image et peuvent convertir le fichier BMP en JPG.

L'imsanité redimensionnera automatiquement les téléchargements d'images énormes sur une taille plus raisonnable dans le navigateur, mais toujours assez grande pour une utilisation typique du site Web. Le plug-in peut être configuré en utilisant une largeur, une hauteur et une masse maximales.

compression HTTP WP

• Coût: gratuit
• Installation active: 5000

Ce plugin compresse votre page au format GZIP (si le navigateur prend en charge les pages compressées). La compression HTTP peut réduire la taille de la page de 60 à 80%, augmentant la vitesse de chargement de la page de trois à quatre fois.

Ce plugin permet à votre blog WordPress de sortir des pages compressées au format GZIP (si le navigateur prend en charge la compression).

Vous pouvez également activer la compression GZIP à partir des paramètres du cache total W3 ou du panneau de configuration d'hôte virtuel mentionné ci-dessus.

11. autres conseils

• Videz la poubelle. Il peut y avoir beaucoup de déchets dans la base de données qui dégraderont les performances du site Web. Par défaut, WordPress supprime automatiquement les déchets après trente jours. Vous pouvez effacer manuellement la poubelle du tableau de bord et nous partagerons quelques plugins utiles dans le prochain article.
• Compression des fichiers JavaScript et CSS en supprimant toutes les données inutiles. CSS Miniifier répertorie certains outils qui peuvent vous aider à le faire.
• Fermer le trackback et le pingback. Chaque fois que quelqu'un mentionne votre site Web, ceux-ci utilisent des ressources de serveur et de base de données. Désactiver les paramètres (des paramètres de "discussion" de WordPress) ne casse pas les backlinks, ne casse que le travail généré.

Obtenez l'action!

à quel point votre site Web est lent? Utilisez l'un des outils énumérés ci-dessus pour le découvrir. Ensuite, essayez une ou plusieurs stratégies et testez à nouveau votre vitesse. Puis répétez le processus.

Notre fournisseur d'hébergement virtuel préféré Siteground vous permet d'utiliser de puissantes techniques d'optimisation des performances en quelques clics. Leur guide sur l'amélioration des performances WordPress comprend un tutoriel complet sur de nombreux sujets que nous couvrons dans cet article, notamment la mise en cache, la compression GZIP, l'utilisation de CDN, l'optimisation des images et l'optimisation des bases de données WordPress.

Quelle stratégie d'optimisation a le plus grand impact sur votre site Web? Veuillez nous faire savoir dans les commentaires.

Les questions fréquemment posées sur l'optimisation des performances du site Web WordPress

Quels plugins sont les meilleurs pour optimiser les performances du site Web WordPress?

Il existe plusieurs plugins qui peuvent améliorer considérablement les performances des sites Web WordPress. Certains des meilleurs plugins incluent WP Rocket, un plugin avancé qui fournit une gamme de fonctionnalités d'optimisation telles que la mise en cache, l'optimisation de la base de données et le chargement paresseux. W3 Total Cache est un autre choix populaire, qui fournit des fonctionnalités telles que la mise en cache de page, la mise en cache de base de données, la mise en cache d'objets et la mise en cache du navigateur. D'autres plugins notables incluent WP Super Cache, Autoptimize et WP SMUSH pour l'optimisation de l'image.

Comment CDN améliore-t-il les performances du site Web WordPress?

Le réseau de livraison de contenu (CDN) peut améliorer considérablement les performances des sites Web WordPress en stockant des versions en cache de sites Web sur plusieurs serveurs du monde entier. Lorsque les utilisateurs visitent votre site Web, CDN fournit le site Web du serveur le plus proche d'eux, réduisant le temps de transfert de données et accélérant ainsi le site Web.

Comment optimiser la base de données WordPress pour améliorer les performances?

L'optimisation de la base de données WordPress peut améliorer considérablement les performances du site Web. Cela peut être réalisé en nettoyant régulièrement la base de données, en supprimant des données inutiles et en optimisant des tables de base de données. Des plugins comme WP-Optimize et WP-Sweep peuvent aider à automatiser ce processus.

Comment l'optimisation de l'image améliore-t-elle les performances du site Web WordPress?

De grandes images non optimisées peuvent ralentir considérablement les sites Web WordPress. En optimisant des images, vous pouvez réduire la taille du fichier sans perdre de qualité, réduisant ainsi le temps de chargement des pages. Cela peut être fait à l'aide de plugins tels que WP SMUSH ou EWWW Image Optimizer.

Comment utiliser la mise en cache pour améliorer les performances du site Web WordPress?

Le cache peut améliorer considérablement les performances des sites Web WordPress en stockant des versions statiques du site Web, réduisant ainsi le nombre de demandes au serveur, accélérant ainsi le site Web. Cela peut être fait à l'aide de plugins tels que W3 Total Cache ou WP Super Cache.

Comment compresser CSS et JavaScript pour améliorer les performances du site Web WordPress?

La compression des fichiers CSS et JavaScript peut améliorer les performances des sites Web WordPress en réduisant la taille du fichier et la quantité de données que les utilisateurs doivent télécharger lors de l'accès au site Web. Cela peut être fait à l'aide de plugins tels que AutoPtimize ou WP Rocket.

Comment optimiser votre site Web WordPress en fonction de vos appareils mobiles?

Optimiser les sites Web WordPress en fonction des appareils mobiles est essentiel aux performances et au référencement. Cela peut être réalisé en utilisant des thèmes réactifs, en optimisant des images, en permettant AMP (accélération des pages mobiles) et en utilisant des plugins adaptés aux mobiles.

Comment un bon fournisseur d'hébergement Web peut-il améliorer les performances du site Web WordPress?

Les bons fournisseurs d'hébergement Web peuvent considérablement améliorer les performances des sites Web WordPress en fournissant des vitesses de serveur rapide, une disponibilité fiable et un excellent support client. Certains fournisseurs d'hébergement Web populaires adaptés à WordPress incluent Siteground, Bluehost et WP Engine.

Comment surveiller les performances des sites Web WordPress?

La surveillance des performances d'un site Web WordPress est essentielle pour identifier tout problème et apporter les améliorations nécessaires. Cela peut être fait à l'aide d'outils tels que Google Pagespeed Insights, GTmetrix et Pingdom.

Comment améliorer les performances du site Web WordPress lors de mises à jour régulières?

Les mises à jour régulières des sites Web WordPress, y compris les thèmes, les plugins et les logiciels de base WordPress, peuvent améliorer les performances de votre site Web en vous assurant que vous disposez des dernières fonctionnalités, des corrections de bogues et des mises à jour de sécurité. Il est également important de tester toutes les mises à jour sur le site de mise en scène pour éviter tout problème potentiel avant d'appliquer la mise à jour sur votre site en direct.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!