Fermer

octobre 3, 2018

10 étapes pour optimiser les performances d'un site WordPress –


Cet article sur les performances de sites WordPress fait partie d’une série créée en partenariat avec SiteGround . Merci de soutenir les partenaires qui rendent SitePoint possible.

Vous ne voulez pas d’un site Web trop lent. Les visiteurs potentiels peuvent partir avant même que votre page ait fini de se charger. Et vous serez pénalisé dans les résultats de recherche, ce qui signifie encore moins de trafic.

Vous souhaitez que vos pages Web se chargent en moins de deux secondes. Comment y parvenez-vous? Une étape à la fois.

Nous présentons dans cet article une liste d’options que vous pouvez optimiser pour accélérer votre site WordPress.

Votre site peut-il être lent?

. Il est fort probable que votre navigateur l'ait déjà mis en cache, de sorte que vous ne l'utiliserez pas de la même manière qu'un nouveau visiteur.

Voici quelques services qui vous informeront du temps que prend votre page pour se charger et de la taille totale du fichier. de votre page:

Vérifiez la vitesse de vos sites avant et après leur optimisation. Si vous pouvez charger vos pages en deux secondes, vous vous en sortez bien.

Notez dans quelle mesure chaque pas que vous faites fait une différence. Qu'est-ce qui a fait la plus grande différence?

# 1. Choisir un bon hébergeur

Il est impossible d’accélérer la vitesse d’un site Web hébergé sur un serveur lent. Choisir le bon hébergeur est la première étape importante vers la création d’un site Web à chargement rapide.

Comment choisir une entreprise qui fait de la vitesse une priorité? Consultez notre liste de contrôle des performances dans Guide ultime pour choisir un fournisseur d'hébergement .

SitePoint s'est récemment associé à SiteGround en tant qu'hôte recommandé par nos soins . Avec des serveurs sur plusieurs continents et l'utilisation du dernier matériel SSD, un outil de cache interne et un service CDN gratuit, SiteGround fournit et investit énormément dans l'accélération de la vitesse . Leurs serveurs flexibles prennent en charge PHP7 et HTTP / 2 et ils disposent de mises à jour logicielles et matérielles permanentes.

# 2. Optimisez votre thème

Premièrement, utilise un thème rapide . Les thèmes comportant de nombreuses options facilitent votre travail, mais nuisent au travail du serveur Web et du navigateur. Certains thèmes WordPress ont une taille en mégaoctets, ce qui ajoute des secondes au temps de chargement de votre page.

Chaque fonctionnalité que vous n'utilisez pas ralentit votre site, sans raison. Si vous souhaitez modifier le code, choisissez un thème avec moins d’options pour accélérer votre site.

  • Les thèmes WordPress par défaut sont faciles à modifier, légers et bien codés. Envisagez d’en utiliser un et d’améliorer vous-même le code ou d’embaucher un développeur.
  • Les thèses et Schema sont deux autres thèmes qui donnent la priorité aux performances.

Pour en savoir plus:

Deuxièmement, utilise un dessin réactif . Ceux-ci chargent moins de ressources pour les périphériques mobiles ou spécifient des images haute résolution pour les affichages de bureau. Les utilisateurs mobiles n'ont pas besoin de télécharger des images volumineuses, tandis que les utilisateurs d'ordinateurs de bureau n'ont pas à plisser les yeux.

Les sites réactifs sont également préférés par Google, alors attendez-vous à une légère amélioration de votre référencement dès que vous basculez. 3 Surveillez vos plugins

Tout d'abord, réduisez le nombre de plugins utilisés . Avant d’installer un plugin, demandez-lui s’il est vraiment nécessaire. Avoir un grand nombre de plugins installés ne changera pas énormément la vitesse de votre site, mais augmentera le risque d'installer des plugins mal comportés.

Deuxièmement, assurez-vous que vos plugins sont optimisés pour la version actuelle de WordPress. Effectuez des recherches avant d’installer un plugin, surtout s’il est classé trois étoiles ou moins. Il peut être peu développé ou utiliser des crochets inappropriés. Cela ralentira votre site et pourrait également nuire à WordPress et à vos autres plugins. Il est également important de garder les plugins à jour pour vous assurer que vous disposez des dernières améliorations en termes de performances, de correctifs de sécurité et de fonctionnalités.

Vos widgets doivent être aussi légers et faciles à charger que possible. Certains chargent JavaScript ou CSS externe lors du rendu. Ceci est courant pour les widgets de réseaux sociaux pour Facebook, Twitter et Google +.

S'il est peu probable qu'un widget soit mis à jour souvent, téléchargez-le directement sur votre serveur. En ne faisant pas appel à des serveurs externes, vous améliorerez le temps de chargement de votre site.

# 5. Optimisez votre contenu statique

Tout d'abord, compressez le contenu statique avec gzip . Les fichiers compressés étant plus petits, leur chargement sera évidemment plus rapide.

  1. La meilleure option consiste à activer la compression gzip directement à partir de cPanel (si votre hôte vous le propose) si vous êtes sur un serveur partagé.
  2. Vous pouvez activer la compression gzip. en utilisant un plugin comme W3 Total Cache . Nous aborderons les plugins dans notre prochain article.

Deuxièmement, soulagez votre serveur Web avec un CDN . Vos ressources statiques (images, scripts et fichiers CSS, par exemple) seront servies à partir de serveurs de réseau de diffusion de contenu optimisés situés dans le monde entier – généralement le serveur le plus proche de votre visiteur. Et votre serveur Web sera libéré pour servir le reste de votre site, améliorant ainsi les performances.

Idéalement, recherchez un hébergeur proposant un CDN dans ses plans d'hébergement comme SiteGround. Il existe également de nombreux réseaux CDN:

Ceux-ci fonctionnent avec les plugins de mise en cache que nous couvrirons la prochaine fois.

Voici quelques informations supplémentaires sur CloudFront:

# 6. Optimisez vos images

Les images sont l’un des éléments les plus lourds de votre site: elles représentent plus de 65% du contenu Web. Vous pouvez optimiser vos images téléchargées de plusieurs manières:

Tout d'abord, spécifiez les dimensions maximales de l'image pour les images miniatures, moyennes et grandes. Vous trouverez ces options dans Paramètres / Média. Si vous téléchargez une image de 1024 pixels et que votre zone de contenu ne fait que 604 pixels de large, l’image sera réduite à l’aide de CSS. L'image résultante large, 604 pixels de large, préalablement redimensionnée, sera beaucoup plus petite à télécharger.

Deuxièmement, effacez-le ! Cette technique permet de réduire la taille des fichiers d’images sans perte, sans les redimensionner ou en baisser la qualité. Alors que Yahoo avait tué le service Smush.it il y a quelques années, il existe des alternatives telles que reSmush.it et un certain nombre de plugins que nous aborderons dans le prochain article.

Troisième, emploie chargement paresseux . Cette technique est efficace pour les sites contenant beaucoup d'images. Les images ne sont chargées que lorsqu'elles deviennent visibles, pas lorsque la page est initialement chargée. Cela peut accélérer considérablement le temps de chargement des pages, mais l'affichage d'images défilera avec un retard.

Pour en savoir plus:

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, les fichiers SVG évolutifs ont des tailles de fichier réduites, en particulier si vous les optimisez pour le Web et les compressez avec gzip.

Découvrez ici le pour et le contre d’une variété de formats d’image:

Fifth, utilise des sprites CSS . Les performances sont améliorées en combinant un grand nombre de petits thèmes et d’images diverses dans le moins d’images possible. Pour en savoir plus, cliquez ici:

Enfin, jetez un œil à cet aperçu complet de l’optimisation des images:

# 7. Optimisez votre base de données

Les pages WordPress se chargent depuis une base de données MySQL. Avec le temps, la base de données peut contenir de nombreuses informations dont vous n’avez plus besoin. L'optimisation de votre base de données supprime ces informations et améliore les performances.

Vous pouvez optimiser votre base de données directement à partir de phpMyAdmin. Vous pouvez également l'optimiser avec des plugins. Nous en parlerons dans notre prochain article.

# 8. Vitesse des sites à fort trafic avec le cache

Le cache est très efficace pour optimiser les sites à fort trafic. Chaque fois qu'une page WordPress est chargée, des informations sont extraites de votre base de données et de vos fichiers CSS, puis combinées dans un fichier HTML pouvant être chargé dans le navigateur du visiteur. Cela prend du temps.

La mise en cache garde ces fichiers HTML à la disposition des futurs visiteurs, ce qui permet de gagner un temps considérable. Nous couvrirons les plugins de mise en cache dans notre prochain article.

# 9. Effectuer une maintenance de routine de WordPress

Gardez votre site WordPress en parfait état en le mettant à jour régulièrement. Certaines routines de maintenance peuvent considérablement accélérer les choses, notamment:

  • Gardez WordPress et vos plugins à jour.
  • Supprimez les anciennes révisions de l'article.
  • Supprimez les commentaires de spam.

Découvrez comment faire, et bien plus encore. ici:

# 10. Utiliser des plugins de performance

Pour de nombreuses tâches d’optimisation, il existe des plugins WordPress qui s’occuperont de vous. Nous avons couvert huit des meilleurs plugins couvrant toutes les bases. Nous avons également répertorié près de deux douzaines d’alternatives afin que vous puissiez choisir celle qui répond le mieux à vos besoins. Plongez et voyez ce qui fait la plus grande différence sur votre site.

Si vous suivez notre liste de contrôle de maintenance WordPress vous utiliserez probablement déjà certains de ces plugins. Continuez! Cette crue continuera à s'accumuler.

Cache total W3

  • Coût: gratuit
  • Installations actives: 1 million et plus

Ce plugin fournit une optimisation des performances Web (WPO) à l'aide de la mise en cache – mise en cache de publications et de pages en mémoire ou sur disque, mise en cache des flux, des pages de résultats de recherche, des objets de base de données et des fichiers CSS et Javascript minifiés. Pour en tirer le meilleur parti, passez un peu de temps à le configurer avec soin.

W3 Total Cache peut également fonctionner avec votre CDN (comme Cloudflare ou MaxCDN) pour améliorer encore les temps de chargement.

W3 Total Cache améliore le référencement et l'utilisateur. expérience de votre site en augmentant les performances de votre site Web, en réduisant les temps de téléchargement via des fonctionnalités telles que l’intégration de réseau de distribution de contenu (CDN).

Les autres plugins de mise en cache incluent WP Super Cache Hyper Cache Cache la plus rapide WP et Cache Enabler .

Si vous préférez éviter les plug-ins, une bonne option pour vous serait de rechercher un fournisseur d'hébergement qui se chargera de la mise en cache. Notre partenaire SiteGround dispose d'un excellent outil de mise en cache, développé en interne, qui peut vous aider à augmenter considérablement la vitesse de votre site Web.

WP-Optimize

  • Coût: gratuit
  • Installations actives: 600 000+

Ce plugin gratuit optimisera votre base de données WordPress en un clic ou automatiquement avec son planificateur intégré. Les informations redondantes telles que les commentaires de spam, les révisions de publication et les autres éléments de la corbeille seront nettoyées de votre base de données MySQL, ce qui accélérera la vitesse de chargement de votre site.

WP-Optimize est un outil efficace pour nettoyer automatiquement votre base de données WordPress afin qu’elle fonctionne au maximum de son efficacité.

Les autres plug-ins d’optimisation de base de données incluent Optimiser la base de données après suppression des révisions WP Cleanup WPOptimize Nettoyeur de bases de données WP et WP-DBManager .

Autoptimize

  • Coût: gratuit
  • Installations actives: 300 000+

Des CSS et HTML mal structurés génèrent un site lent et une perte de trafic. Ce plugin analyse et peaufine votre site, en "minifiant" et en supprimant le code redondant.

Pour éviter les conflits de compatibilité, Autoptimize peut ignorer vos autres plugins. Cela peut aussi forcer vos plugins à fonctionner dans un ordre spécifique. En expérimentant cela, vous pourrez améliorer considérablement vos temps de chargement.

L’optimisation automatique simplifie vraiment l’optimisation de votre site. Il concatène tous les scripts et styles, les réduit et les compresse, ajoute les en-têtes expirants, les met en cache, les déplace vers l'en-tête de la page et permet de déplacer les scripts vers le pied de page.

Les autres plugins qui minifient incluent WP Super Minify et Mieux WordPress Minify .

P3 (Plugin Performance Profiler)

  • Coût: gratuit
  • Installations installées: plus de 100 000

De mauvais plugins peuvent affecter la performance de votre site. P3 évaluera le vôtre. Il identifiera les plug-ins qui ont le plus d'impact sur le temps de chargement de votre site et les affichera dans un graphique à secteurs de sorte que vous puissiez facilement voir quels réglages feront la différence.

Ce plugin crée un profil des plugins de votre site WordPress. performances en mesurant leur impact sur le temps de chargement de votre site. Souvent, les sites WordPress se chargent lentement à cause de plugins mal configurés ou parce qu’ils sont très nombreux. En utilisant le plug-in P3, vous pouvez restreindre les éléments qui causent des ralentissements sur votre site.

Les plug-ins alternatifs liés aux plug-ins incluent L'organisateur du plug-in .

WP Smush

  • Coût: gratuit et prime à partir de 19 $ / mois
  • Installations actives: 700 000+

Ce plugin compresse les images en strippant les métadonnées. à partir de fichiers JPEG, en optimisant la compression JPEG, en convertissant certains GIF en fichiers PNG indexés et en supprimant les couleurs inutilisées des images indexées. Vous pouvez le configurer pour compresser automatiquement les nouvelles images lors de leur téléchargement sur votre site.

WP Smush est rapide et fonctionne bien. Les fichiers sont compressés à l'aide de serveurs dédiés, comme recommandé par l'outil de performance du site GTmetrix.com .

Redimensionnez, optimisez et compressez toutes vos images avec le répit incroyablement puissant et 100% gratuit d'images WordPress, présenté par l'équipe de WPMU DEV!

Les autres plugins de compression d'images incluent Optimiseur d'image EWWW Imagify Optimiseur d'image Kraken . Optimiseur d'image et Optimiseur d'image CW .

Chargement paresseux

  • Coût: gratuit
  • Installations actives: 90 000+

Ce plugin garantit que les images ne sont chargées que lorsqu'elles sont visibles. dessus du pli. Il ne nécessite aucune configuration et fonctionne immédiatement.

Téléchargez des images paresseuses pour améliorer les temps de chargement des pages. Utilise jQuery.sonar pour charger une image uniquement lorsqu'elle est visible dans la fenêtre d'affichage.

Les autres plugins de chargement différé incluent jQuery Image Lazy Load WP BJ Lazy Load Rocket Lazy Load dévoilez Lazy Load et Lazy Load pour vidéos .

Imsanity

  • Coût: gratuit
  • Installations installées: plus de 100 000

Plutôt que d'offrir une compression sans perte, ce plugin gratuit redimensionne automatiquement les images à une résolution plus «saine». Il est capable de définir une largeur, une hauteur et une qualité maximales d'images, et peut convertir des fichiers BMP au format JPG.

Imsanity redimensionne automatiquement les transferts d'images énormes jusqu'à une taille qui est plus raisonnable pour l'affichage dans le navigateur, mais plus que suffisamment grand. pour une utilisation typique du site. Le plugin est configurable avec une largeur, une hauteur et une qualité maximales.

Compression HTTP WP

  • Coût: gratuit
  • Installations installées: 5 000+

Ce plugin compresse vos pages au format gzip (si le navigateur le permet. pages compressées). La compression HTTP peut réduire la taille de vos pages de 60 à 80%, permettant ainsi de charger les pages trois ou quatre fois plus rapidement.

Ce plugin permet à votre blog WordPress de produire des pages compressées au format gzip si un navigateur prend en charge la compression.

Vous pouvez également activer la compression gzip à partir de W3 Total Cache mentionné ci-dessus ou dans les paramètres du panneau de configuration de votre hôte Web.

# 11. Autres conseils

  • Videz votre corbeille. Il peut y avoir beaucoup de déchets dans votre base de données qui ralentiront les performances de votre site. Par défaut, WordPress supprime automatiquement la corbeille au bout de trente jours. Vous pouvez vider la corbeille manuellement à partir de votre tableau de bord et nous partagerons quelques plugins utiles dans notre prochain article.
  • Réduisez vos fichiers JavaScript et CSS en supprimant toutes les données inutiles. CSS Minifier répertorie certains outils qui vous aideront à le faire.
  • Désactivez les rétroliens et les pingbacks. Ceux-ci utilisent des ressources de serveur et de base de données chaque fois que quelqu'un mentionne votre site. Désactiver les paramètres (à partir des paramètres de discussion de WordPress) ne détruira pas les liens retour, mais uniquement le travail généré.

Lancez-vous!

Quelle est la lenteur de votre site? Utilisez l'un des outils énumérés ci-dessus pour le savoir. Ensuite, essayez une ou plusieurs stratégies et testez à nouveau votre vitesse. Répétez l'opération.

SiteGround, notre fournisseur d'hébergement préféré vous permet d'utiliser de puissantes techniques d'optimisation des performances en quelques clics. Leur guide sur l'amélioration des performances WordPress comprend des tutoriels complets sur la plupart des sujets abordés dans cet article, notamment la mise en cache, la compression gzip, l'utilisation d'un CDN, l'optimisation des images et l'optimisation de la base de données WordPress.

Quelle stratégie d'optimisation a fait la plus grande différence sur votre site web? Faites-le-nous savoir dans les commentaires.




Source link