Performances WordPress

Rendre WordPress plus rapide : Les meilleurs conseils pour améliorer les performances

Ton WordPress est lent ? Tu perds alors beaucoup de potentiel. Non seulement tes visiteurs sont agacés par la lenteur du chargement, mais tu risques aussi de perdre de la visibilité sur Google. Je te montre étape par étape comment rendre WordPress plus rapide.

Si tu vends quelque chose via WordPress, par exemple avec WooCommerceil existe suffisamment d'études qui confirment que les sites web lents génèrent en fin de compte moins de chiffre d'affaires. Les utilisateurs mobiles, en particulier, interrompent le chargement d'une page si celui-ci dure plus de trois secondes. Des sites web plus rapides sont essentiels à la survie de ton entreprise.

Mesurer la vitesse

Pour rendre un site web plus rapide, il faut d'abord mesurer sa vitesse/sa lenteur avant l'optimisation. Le temps de chargement pur est certes important, mais pas forcément décisif. Certains sites ont tout simplement de gros "atouts" (par exemple des images et des vidéos) que les visiteurs veulent voir ou télécharger. Il est toujours préférable d'aller plus vite, mais cela dépend aussi des attentes des visiteurs. Par exemple, apple.com a des valeurs de performance notoirement mauvaises :

Performance du site Apple
Mauvaise performance du site apple.com

Ce n'est pas vraiment optimal. Cette situation est toutefois bien fondée. Apple attache une grande importance à l'affichage de ses produits dans la meilleure qualité possible et utilise donc des images très grandes sans les optimiser, comme le montre ce guide pour WordPress. Les visiteurs d'Apple s'en accommodent et attendent volontiers un peu plus longtemps le chargement de la page.

Dans l'ensemble, la performance des pages Apple semble assez rapide. L'affichage des premiers éléments, en particulier, est généralement rapide comme l'éclair. Ceux-ci sont mesurés sous l'aspect "First Contentful Paint " (FCP). Le FCP détermine la perception de la rapidité du chargement d'une page. C'est pourquoi le FCP joue un rôle particulièrement important dans l'optimisation. Des valeurs de 2 à 3 secondes ne devraient pas être dépassées. En dessous de 2 secondes ou plus rapidement, c'est mieux.

First Contentful Paint
Bonnes valeurs pour le First Contentful Paint

Le "Largest Contentful Paint " (LCP) reflète le temps de chargement des autres éléments du contenu principal. Celui qui parvient à rester en dessous de 3 secondes est déjà assez bon. Les grandes images de produits et autres ressources similaires peuvent toutefois faire grimper cette valeur de manière significative, ce qui est tout à fait acceptable selon le but recherché.

Le "First Input Delay" (FID) mesure le temps qui s'écoule avant que tes visiteurs puissent réellement interagir avec les pages. Par exemple, marquer un passage de texte, cliquer sur un lien ou un bouton, etc. Il se peut par exemple qu'une page comporte une boîte de recherche. Cette page peut mettre 10 secondes à se charger complètement. En combien de temps quelqu'un peut-il cliquer sur la boîte de recherche et taper dans le champ ? N'oublie pas que l'"utilisateur" n'est pas toujours un être humain. Souvent, ce sont aussi des robots qui interagissent avec les pages. Par exemple, le robot de Google qui mesure la performance de la page et prend en compte ces valeurs dans le calcul des classements.

Le "Cumulative Layout Shift " (CLS) doit être évité de manière générale. Si une mise en page se "décale" pendant le chargement, cela peut être extrêmement irritant pour tes visiteurs. Il peut en résulter des clics sur un mauvais bouton. Dans la plupart des cas, de tels décalages sont causés par l'absence d'indications de largeur et de longueur (width/height) pour les images. Le CLS devrait toujours être égal à 0.

Ces quatre valeurs sont donc décisives pour l'évaluation de la vitesse d'un site WordPress. Elles sont centrées sur l'utilisateur et ne sont donc pas des valeurs de performance brutes, comme par exemple le Time to first byte, qui joue un rôle important dans l'évaluation de la performance du serveur ou de la connexion au serveur. Cela signifie également que ces valeurs sont moins déterminées par la mise en cache et la sélection pour l'hébergement WordPress, même si cela joue bien sûr un rôle important pour la performance de WordPress. Mais plutôt par la construction habile d'une page ou l'utilisation correcte de HTML, CSS et JavaScript.

Réduire HTML, CSS et JavaScript

La minification des fichiers HTML, CSS et JavaScript est l'un des nombreux petits leviers permettant d'optimiser la vitesse de chargement de ton site WordPress. Dans l'article Réduire HTML, CSS et JavaScript dans WordPress, nous t'expliquons comment économiser du temps de chargement grâce à un code allégé.

L'optimisation des performances est devenue très compliquée ces dernières années. Surtout depuis que Google a annoncé qu'il allait prendre en compte ces critères de performance centrés sur l'utilisateur dans le calcul du classement. Les meilleurs outils pour mesurer tes performances WordPress :

Personnellement, j'aime particulièrement TREO parce qu'il est rapide et clair. PageSpeed Insights et GTmetrix sont extrêmement détaillés.

Rapport de performance Treo Site Speed
Évaluation de la vitesse du site Treo

Avec ces connaissances préalables et ces outils, tu es parfaitement équipé pour mesurer tes propres performances. Si tu le fais toi-même, je te propose la démarche suivante :

  • Mesure d'abord l'état initial. Quelle est la vitesse de ton site web avant l'optimisation ?
  • Active ou implémente une optimisation.
  • Ensuite, tu peux à nouveau mesurer la performance. Est-ce que cela a eu un effet prouvé ? Si ce n'est pas le cas, supprime l'optimisation et essaie autre chose. Si oui, garde l'optimisation. Teste si tout fonctionne comme avant et ajoute une autre optimisation.

Nombreux sont ceux qui essaient d'atteindre un score de 100 sur PageSpeed Insights . Il n'y a rien de mal à cela dans un premier temps, si ce n'est qu'il n'est pas nécessaire d'obtenir la totalité des points. D'autres outils mesurent différemment et ce qui est un 100 sur PageSpeed Insights ne l'est peut-être pas sur GTmetrix. De plus, il est nettement plus important de passer d'un 30 à un 90 que d'un 90 à un 100.

Améliorer les performances de WordPress

Un hébergement WordPress plus rapide

L'hébergeur le plus rapide dans toutes les situations et à tout moment n'existe pas. Il y a trop de facteurs qui influent sur le temps de livraison et le traitement des demandes. Les facteurs suivants ne facilitent pas l'évaluation :

  • Heure de la journée
  • Charge de travail du serveur
  • Géolocalisation
  • La vitesse de connexion des utilisateurs.

Néanmoins, chaque hébergeur propose différents packs qui peuvent avoir un impact significatif sur les performances d'un site WordPress. Les packs d'entrée de gamme sont généralement moins chers et, par nature, moins rapides. C'est pourquoi l'une des premières optimisations utiles consiste effectivement à mettre à niveau le pack.

Chez Raidboxes , il existe par exemple des packs de démarrage pour l'hébergement géré de WordPress, qui te déchargent des tâches administratives avec WordPress et qui contiennent déjà des optimisations telles qu'une mise en cache côté serveur. Mais aussi des packs particulièrement performants dans l'hébergement High Traffic, par exemple pour les projets avec un nombre d'accès très élevé. De même, des tarifs spéciaux pour l'hébergementWooCommerce de ta boutique en ligne. Il va de soi que les forfaits plus importants apportent encore un boost de performance supplémentaire.

Quel hébergement WordPress pour quel projet ?

Tu n'es pas sûr de la puissance ou du package dont tu as besoin pour ton site web avec WordPress ou WooCommerce ? Ou de combien la vitesse de ton site web peut effectivement augmenter après le déménagement ? Nos experts WordPress se feront un plaisir de te conseiller, notamment sur le thème des performances de WordPress.

Une chose est sûre : qui paie plus, obtient généralement plus de performances. Cela vaut bien sûr pour tous les hébergeurs. Presque toutes les améliorations de performance appliquées sont renforcées par des mises à niveau tarifaires. Mais que peut-on obtenir sans passer directement à un tarif plus élevé ?

Utiliser la mise en cache de WordPress

Hormis les blogs les plus simples, presque tous les sites WordPress utilisent une multitude d'autres plug-ins. En règle générale, les plugins retardent le temps de chargement d'une fraction de seconde à chaque ouverture de page. Surtout lorsque le plugin insère des éléments dans le code HTML, qui doivent ensuite être chargés en plus ou qui effectuent des requêtes supplémentaires dans la base de données.

Et si WordPress ne devait effectuer ces "tâches" supplémentaires qu'une seule fois par page et qu'il récupérait simplement le résultat de ces opérations "supplémentaires" dans la mémoire tampon lors du prochain appel ? Le processus de chargement suivant serait ainsi nettement accéléré, car le serveur n'aurait plus qu'à livrer un fichier fini. Dans l'idéal, aucun autre calcul n'a lieu, ce qui réduit drastiquement le temps de chargement. Par exemple, une page qui a un temps de chargement de 5 secondes sans mise en cache peut être livrée en quelques millisecondes. Une amélioration de la vitesse de 20 à 100 fois plus rapide n'est pas rare lorsque la mise en cache est activée.

Les solutions de mise en cache sont indispensables pour accélérer les sites WordPress. Idéalement via une solution basée sur un serveur, nous y reviendrons plus loin. Sinon, via l'un des plugins de mise en cache qui sont très appréciés par la communauté :

Les plugins payants ont généralement plus de fonctionnalités. Cependant, les plugins gratuits aident dans la plupart des cas à obtenir 90 % de tous les gains de temps possibles.

Les plugins de mise en cache sont toutefois comme un bandage. Ils cachent des problèmes qui devraient être résolus dès le départ. Ils ne suppriment pas forcément le HTML superflu, ils ne compriment pas les fichiers image trop volumineux, ils ne modifient pas forcément l'ordre d'intégration des fichiers JS et CSS, etc. Même les pages mises en cache peuvent donc toujours être lentes.

Celui qui travaille proprement dès le départ n'a "en fait" pas besoin d'un plug-in de mise en cache. Du moins en théorie. Car la mise en cache en général allège naturellement la charge du serveur et est donc toujours recommandée. Il s'agit plutôt d'un argument en faveur d'une bonne planification et d'un code propre et bien pensé.

À cela s'ajoute le fait que Raidboxes mise sur une mise en cache particulièrement performante, côté serveur. Tu n'as donc pas besoin d'un plugin supplémentaire ni d'une solution payante.

Conteneurs flexibles au lieu de colonnes et de lignes dans le Page Builder

Les Page Builders ou Site Builders sont aujourd'hui incontournables pour de nombreuses agences ou développeurs, car ils facilitent grandement la création de pages et d'articles.

Avantages et inconvénients des Page Builders

Les Page Builders sont controversés dans le milieu WordPress. Alors que certains louent leur facilité d'utilisation, d'autres critiquent l'inefficacité du code source ou le gonflement des sites web. Voir nos articles Page Builder : Bénédiction ou malédiction, Fonctionnalités des Page Builders et Comparaison de 16 Page Builders WordPress populaires.

Depuis plus de 10 ans, la procédure standard de tous les constructeurs de pages populaires consiste à créer la mise en page avec des colonnes et des lignes. Cela conduit souvent à une salade de DIV imbriquées :

Code source de Page Builder div
Code source imbriqué

Cela se produit souvent sur chaque page, ce qui alourdit inutilement le code et peut aussi avoir des effets négatifs sur le FCP. Une planification habile lors de la création de la mise en page permet généralement d'éviter cela. Les fabricants de constructeurs de sites prennent désormais en compte les standards CSS Flexbox et Grid pour la création de la mise en page. C'est une bonne nouvelle, car cela permet de réduire le volume de code.

Performance Elementor Flexbox Conteneur
Activer le conteneur Flexbox sur Elementor

Dans la version actuelle du Page Builder Elementor par exemple, il est possible d'activer le conteneur Flexbox dans les paramètres. Cela te donne non seulement plus de flexibilité dans la conception, mais cela réduit également le code HTML et rend les temps de chargement plus rapides.

Un clic sur Direction -> Row aligne les conteneurs en ligne. Une simple structure à trois conteneurs n'améliorera pas immédiatement les performances de manière spectaculaire. Mais si toutes les sections, rangées et colonnes sont mises en œuvre avec cette nouvelle technique, le gain peut être important. Surtout sur de nombreuses pages et aussi lors de l'optimisation de FCP et LCP.

Conteneur Elementor Flexbox
Un conteneur avec trois sous-conteneurs

Cette fonctionnalité est encore au stade alpha chez Elementor. D'autres builders utilisent cette nouvelle procédure depuis un certain temps déjà et tous les builders la proposeront à l'avenir. Il vaut donc la peine d'adopter le plus rapidement possible la nouvelle méthode de travail dans le workflow.

Il s'agit moins d'utiliser CSS-Flexbox et/ou CSS-Grid que de renoncer à l'imbrication. En théorie, il est même possible d'optimiser une mise en page des années 2000 basée sur des tableaux en les "désentrelaçant".

Le bon WordPress Theme

Il existe des milliers de thèmes pour WordPress. Ils sont certainement déjà tous optimisés pour la performance, n'est-ce pas ? Faux. La plupart des thèmes se concentrent sur l'aspect esthétique. C'est logique du point de vue de la vente. Les thèmes sont principalement choisis en fonction de leur attractivité. Peu de thèmes WordPress accordent vraiment de l'importance à la priorité donnée au code allégé - ou, en ce qui concerne Page Builder : à la génération de code allégé.

De mon point de vue, ces thèmes et constructeurs sont actuellement recommandés :

Ce sont de véritables méta-thèmes, ils permettent donc pratiquement toutes les options de mise en page imaginables, ils ont un énorme choix de mises en page chics et sont optimisés de A à Z pour les performances. La plupart de ces thèmes WordPress peuvent être combinés avec d'autres constructeurs de pages comme Elementor. Certains disposent de leur propre constructeur de pages.

Optimiser les images et autres éléments

La grande majorité des sites web utilisent des images. Les images plus grandes sont souvent plus belles, mais elles allongent aussi le temps de chargement. Plus petites, c'est mieux, mais indépendamment de cela, il y a beaucoup de conseils à suivre :

  • Les dimensions maximales recommandées sont inférieures à 2.000 pixels. Il est préférable d'ouvrir les images plus grandes dans une nouvelle fenêtre.
  • Il est essentiel de choisir le bon format. JPEG pour les images photographiques avec beaucoup de couleurs et de nuances, PNG et GIF peuvent être beaucoup plus petits pour les images avec moins de couleurs. Le mieux est de faire des essais.
  • Les graphiques vectoriels tels que les logos et les illustrations sont superbes en SVG, ils peuvent être redimensionnés à l'infini et sont également de petite taille. Les SVG sont en outre des fichiers texte purs contenant des instructions à partir desquelles un graphique est créé. En tant que fichiers texte, ils bénéficient de la compression GZIP, nous y reviendrons.
  • Le format WebP de Google peut encore réduire les fichiers JPG d'environ 25 à 34 pour cent.
  • WebP existe déjà depuis 2010. Le nouveau format AVIF réduit encore WebP d'environ 30 pour cent et atteint souvent 50 pour cent d'économie par rapport à JPEG. Actuellement, AVIF ne bénéficie pas encore d'un support complet pour tous les navigateurs, mais celui-ci augmente de mois en mois.

Il existe des plugins qui convertissent tes images dans tous les formats dès le téléchargement et qui intègrent ensuite simplement le plus petit fichier. Voici les plugins les plus populaires pour WordPress :

WP Compress dispose d'une interface très claire et effectue les tâches de compression en arrière-plan. L'extension n'est pas vraiment bon marché, mais elle est très confortable. Si tu préfères commencer avec un plugin gratuit, tu devrais regarder de plus près Imsanity.

Performance WordPress Plugin WP Compress
Un rapport du plugin WP Compress

La plupart des optimiseurs ont un modèle premium qui limite soit la taille de l'image, soit le nombre d'images. Robin est une exception. Faut-il vraiment payer pour un tel plug-in ? Cela dépend du niveau de contrôle dont tu as besoin. Il est également possible d'optimiser les images soi-même avec des outils de bureau, ou en ligne de commande(optimizt, compress-images) ou en ligne avant le téléchargement(TinyPNG, Shortpixel).

La plupart des plugins créent également des images de différentes tailles, plus petites. Selon la résolution du navigateur de l'utilisateur, un fichier nettement plus petit est ainsi directement intégré, ce qui permet de gagner encore une fois en performance.

Le lazy loading fait en sorte qu'une image ne soit chargée que lorsque tes visiteurs défilent jusqu'à l'endroit où elle apparaît sur la page. La plupart des optimiseurs d'images le prennent en charge. Il existe également des plugins gratuits pour cela, par exemple Lazy Load de WP Rocket et Lazy Loader. Les vidéos peuvent ou devraient également être chargées uniquement lorsqu'elles sont "atteintes", voir Lazy Load for Videos.

Mise en cache des polices

Outre les images, il est possible de stocker temporairement en local (sur le serveur) n'importe quel autre type de ressources. Cela améliore non seulement la conformité avec les lois internationales sur la protection des données, mais aussi, en règle générale, les performances. Surtout si les polices sont mises en cache. Le navigateur les télécharge alors une fois et les affiche directement la fois suivante, sans devoir les charger au préalable. Cela fonctionne bien, par exemple, avec le plugin WordPress OMGF Host Google Fonts Locally.

Chargement sélectif des assets par page

Une méthode particulièrement efficace pour gagner en vitesse consiste à charger les fichiers CSS et JS de manière sélective en fonction de la page ou de l'article. Il existe plusieurs possibilités pour y parvenir.

Un exemple : le site WordPress utilise un gestionnaire de formulaires comme WPForms. Ce plugin charge ses fonctions de formulaire directement sur chaque page. Cependant, cette fonctionnalité n'est nécessaire que sur la page de contact. Freesoul Deactivate Plugins est un plugin qui prend en charge cette fonction :

Deactivate Plugins Performance WordPress
Activation ou désactivation des plugins par sous-page

Il permet d'activer ou de désactiver tous les plugins par page via une matrice. Il est également possible d'utiliser des plugins de performance comme perfmatters, qui empêche également la livraison de fichiers CSS et JS. Cependant, Freesoul supprime le chargement de l'ensemble du plugin et réduit ainsi le travail qui doit être effectué en arrière-plan sur le serveur.

Tweaks avec perfmatters

Vaut-il la peine d'acheter un plug-in comme perfmatters ? Il est possible d'effectuer toutes les optimisations manuellement ou avec d'autres plugins. Mais cela représenterait une charge de travail démentielle, surtout si cela doit être fait pour plusieurs sites WordPress.

Rien que dans les options normales, un plugin comme perfmatters a placé plus de deux douzaines d'optimisations. Sont-elles toutes utiles ? Cela dépend de la connaissance qu'ont les utilisateurs de WordPress de ces fonctionnalités. Il est par exemple possible de désactiver le flux RSS, ce qui permet d'économiser quelques octets. Mais cela signifie aussi que les visiteurs du site ne peuvent plus s'abonner facilement aux articles via le flux RSS. Tu devrais donc y réfléchir à deux fois.

Perfmatters Options du plugin de performance WordPress
Juste quelques-unes des options de perfmatters

Il est étonnant de voir combien de gadgets WordPress est activé par défaut (emojis, dashicons, etc.), il est possible de les désactiver sans danger. En ce qui concerne les paramètres relatifs à la base de données, tu devrais plutôt faire preuve de prudence. En effet, désactiver les révisions pourrait théoriquement prendre beaucoup de temps. Si un cache est utilisé de toute façon, les optimisations de la base de données ne sont généralement pas très importantes.

En revanche, l'utilisation de Google Maps sur un site est généralement une catastrophe pour les performances. Ces cartes ne devraient être chargées qu'en cas de nécessité absolue. De nombreux thèmes intègrent par exemple une carte sur la page d'accueil, ce qui n'est pas forcément nécessaire. Pour les boutiques en ligneWooCommerce , l'appel de wc-ajax=get_refreshed_fragments peut entraîner de forts retards. Ceux-ci peuvent être désactivés avec "Disable card fragments".

De toute façon, il vaut la peine de jeter un coup d'œil à la documentation de perfmatters et à celle de WP Rocket. Ceux qui souhaitent vraiment s'y plonger y trouveront de nombreux points de départ. Bien sûr, on peut aussi simplement acheter l'un de ces plug-ins et s'épargner beaucoup de temps. Mais on comprend alors moins bien ce qui se passe en arrière-plan.

Minification

La minification supprime les caractères inutiles, en particulier les espaces et les tabulations, des fichiers HTML, CSS et JS. Il s'agit plus d'une bonne pratique que d'un véritable coup de pouce aux performances. Avec Autoptimize, la minification peut être activée ou désactivée très facilement.

Compression Gzip et Brotli

Par rapport à la minification, la compression réduit souvent de plus de 50 pour cent la taille des fichiers texte. Il vaut en tout cas la peine de l'activer, par exemple l'algorithme de compression Brotli. La plupart du temps, une telle compression est déjà activée chez l'hébergeur. Si ce n'est pas le cas, il existe des outils supplémentaires qui compriment les fichiers dans le système de fichiers. La compression des fichiers texte est en général nettement plus efficace.

Raidboxes Brotli Gzip Compression
84,5 pour cent d'économies, c'est très bien

Brotli est un format de compression développé par Google qui est encore plus efficace que Gzip. Bien entendu, Brotli est également pris en charge par Raidboxes .

Optimisations significatives pour JavaScript et CSS

En ce qui concerne justement l'optimisation pour FCP et LCP, il existe aujourd'hui, via divers plugins et même directement dans les thèmes, la possibilité d'obtenir des gains de performance drastiques. Dans mes tests, ce sont même souvent les meilleures techniques pour amener une page dans la zone des 90 à 100. Il s'agit du chargement différé des fichiers CSS et JS.

Dans le plugin gratuit Autoptimize, il existe un paramètre "Aggregate JS-files". Celui-ci est activé par défaut. Pour bénéficier d'une véritable accélération, les réglages suivants sont nécessaires :

Optimisation automatique des options Javascript
Options JavaScript d'Autoptimize

L'option "Defer" veille à ce que JavaScript ne soit chargé que plus tard dans le processus de rendu. Le HTML et les assets sont chargés en premier, puis le JS. Dans la pratique, ce sont surtout les éléments interactifs qui ne sont pas disponibles dès les premières secondes. Mais la page elle-même s'affiche à la vitesse de l'éclair.

Comme JavaScript peut, en termes de programmation, recharger à peu près tout ce qu'il veut, cette technique doit être utilisée avec prudence. Beaucoup de choses peuvent mal tourner ici. C'est aussi la raison pour laquelle cette option n'est pas activée par défaut. Le gain de performance peut être gigantesque, mais après l'avoir activée, tu dois vérifier chaque page pour t'assurer qu'elle fonctionne toujours correctement.

Il en va de même après chaque mise à jour et lors de l'utilisation de nouveaux plugins qui peuvent éventuellement introduire leurs propres fichiers JavaScript. L'activation de cette option n'est donc recommandée que si l'on peut investir ensuite et régulièrement un peu de temps pour le contrôle.

Optimisation automatique des options CSS
Une partie des options CSS d'Autoptimize

Il en va de même pour les fichiers CSS. Il faut ici activer "Eliminate render-blocking CSS". Avec les instructions CSS, il y a un problème supplémentaire : certaines pages ou même certaines zones du site web doivent avoir un aspect légèrement différent. Une partie de la page a le même aspect (couleurs, polices, position de l'en-tête), mais une autre partie a un aspect différent (image dans l'en-tête, informations supplémentaires dans le pied de page, etc.)

Autoptimize renvoie ici à un service externe et payant qui tente de résoudre ce problème. Le "Critical CSS" est le CSS qui doit absolument être chargé au tout début. Le reste peut être chargé plus tard.

Critical CSS Autoptimize
Référence au service Critical CSS

Des plugins comme WP Rocket et perfmatters ont également intégré une telle fonction. L'efficacité de cette fonction dépend des plugins que tu souhaites utiliser sur ton propre site WordPress. Il faut donc faire un test. Mais si cela fonctionne, alors le boost est vraiment important.

Actuellement, il est quasiment impossible d'obtenir cette fonction gratuitement, car c'est un problème difficile à résoudre. Car chaque site web est différent. Même chaque sous-page d'un site web est différente et change constamment en raison des mises à jour. La seule façon d'obtenir une performance de 100 % est de comprendre en profondeur ce qui se passe réellement lors du chargement de chaque page. Ce n'est que si tu es prêt à suivre cette voie laborieuse que tu pourras réellement obtenir 100 pour chaque page.

Conclusion - Rendre WordPress plus rapide

Il existe de nombreux leviers pour optimiser les performances de WordPress. Un hébergement rapide de WordPress est important et constitue la base de tout. Mais un hébergement rapide ne garantit en aucun cas des vitesses de pointe. Pour cela, il est nécessaire

  • rendre les assets sur le site aussi petits que possible, c'est-à-dire les compresser
  • Choisir le bon format (par exemple WebP ou SVG). Ne charger que des images aussi grandes que nécessaire en fonction de l'utilisation (ordinateur de bureau vs. tablette vs. mobile).
  • activer la mise en cache ou utiliser une mise en cache basée sur le serveur : Une fois qu'une ressource est "assemblée", elle peut être chargée à partir de la mémoire tampon jusqu'à ce que quelque chose change. Les ressources externes telles que les polices Google devraient également être chargées à partir de votre propre serveur.
  • Optimiser l'ordre de chargement. Définir le CSS et le JS à l'aide d'un plugin ou d'un service ou charger d'abord ce qui est vraiment nécessaire, puis le reste (mot-clé : Critical CSS).
  • Se débarrasser des poids inutiles : faut-il vraiment des emojis à chaque chargement ?

Le conseil le plus important que je puisse te donner, basé sur la pratique : Le cache et le defering assurent en général 90% des performances. C'est donc sur ce point que tu devrais te concentrer lors de tes propres optimisations. Je te souhaite beaucoup de succès et une grande vitesse pour tes projets avec WordPress et WooCommerce.

Tes questions sur les performances de WordPress

Quelles questions as-tu sur la façon de rendre WordPress plus rapide ? N'hésite pas à utiliser la fonction commentaire. Tu veux être informé des nouveaux articles sur WordPress et WooCommerce ? Alors suis-nous sur Twitter, Facebook, LinkedIn ou via notre newsletter.

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Laisse un commentaire

Ton adresse e-mail ne sera pas publiée.