Comment rendre votre site WordPress plus rapide et plus évolutif.

Consultez notre guide d’optimisation des performances WordPress.

Les performances comptent.

Cela affecte votre expérience utilisateur, vos ventes et conversions, ainsi que votre classement dans les recherches.

Meilleur taux de conversion

Des études réalisées par Amazon, Google et d'autres ont clairement montré que les sites Web plus rapides ont un taux de conversion amélioré. Plus votre site Web est lent, moins votre visiteur est susceptible d'acheter, de vous contacter ou de commenter. 1 seconde plus lente équivaut à 7 % de réduction des conversions.

Plus de pages vues

Un délai d'une seconde dans le temps de chargement des pages équivaut à 11 % de pages vues en moins. Plus votre site Web se charge rapidement, plus vos visiteurs sont susceptibles de passer plus de temps sur votre site Web. Cela représente plus de pages vues pour vous et plus d'argent grâce aux publicités.

Meilleur classement

Google aime les sites Web plus rapides. Un site plus rapide est mieux classé dans les moteurs de recherche, ce qui entraîne davantage de visiteurs sur votre site. Bien sûr, nous ne pouvons pas garantir un meilleur classement dans les résultats de recherche, mais un site Web plus rapide augmentera vos chances d’obtenir un meilleur classement.

Plus d'argent

Un site Web léger consommera moins de ressources serveur et sera donc capable de supporter un trafic plus élevé sans avoir besoin de mettre à niveau votre plan d'hébergement. Ainsi, si vous disposez d’un site Web optimisé, vous pouvez l’héberger même sur un plan d’hébergement partagé et économiser de l’argent.

Que se passe-t-il lorsque quelqu’un visite une page de votre site WordPress ?

Pour accélérer votre site Web WordPress, il est important de comprendre comment les choses fonctionnent afin de pouvoir appliquer les bons correctifs.

L'utilisateur clique sur un lien vers votre site Web

Lors de l'accès à votre site Internet, le navigateur du visiteur vérifie l'IP de votre domaine dans DNS, puis envoie la demande de la page au serveur. Si le site utilise SSL, le client et le serveur négocient une connexion sécurisée avant que la demande ne soit terminée.

Le serveur construit le HTML

Le serveur reçoit la demande et traite le code du site Web. La base de données et le système de fichiers sont interrogés pour tous les éléments requis et la page HTML est compilée. Lorsque le HTML est créé, le serveur le renvoie au navigateur.

Le serveur envoie le HTML au navigateur

Lorsque le HTML est créé, le serveur l'envoie au navigateur.

Le navigateur lit le HTML et demande tous les éléments

Le navigateur reçoit le code HTML, lit le code et voit qu'il a besoin de plus d'éléments (fichiers CSS, polices, images, fichiers Javascript). Ils peuvent provenir du même serveur ou d’autres serveurs, auquel cas ils nécessitent de nouvelles requêtes DNS et connexions SSL.

Le navigateur commence à construire la page

Tout en continuant à collecter les éléments, le navigateur commence à construire la page et affiche une première version de la page. Cela s'appelle First Contentful Paint (FCP) et c'est une mesure importante. Étant donné que le chargement de la page n'est pas terminé, l'utilisateur ne peut pas encore interagir avec elle.

Le navigateur prépare la page pour l'interaction

Plusieurs éléments de la page doivent être rassemblés avant que l'utilisateur puisse commencer à interagir avec la page, en cliquant ou en la faisant défiler, de sorte que le navigateur prépare la page pour l'interaction.

La page est prête à être utilisée

Lorsque tous les éléments sont chargés et que tous les scripts ont terminé leurs tâches de configuration, la page est enfin prête à être utilisée. Notre objectif lors de l’optimisation du site Web est donc d’atteindre le « prêt à l’emploi » dans les plus brefs délais.

Temps de chargement des pages

Le temps de chargement d'une page est composé de 3 parties.

L'expression « vitesse de chargement du site » a été utilisée, mais il s'agit en fait de TEMPS, pas de vitesse.

01.

Temps de réponse du serveur

Le temps de réponse du serveur est ce qui a le plus grand impact sur l'expérience utilisateur. C'est là que fonctionne le serveur, exécutant le code PHP du site. Si cette première requête est lente, toutes les autres étapes de visualisation de la page Web seront retardées.

02.

Temps de transfert de données

Le temps de transfert des données est le temps nécessaire pour transporter les éléments qui composent la page depuis le ou les serveurs vers le navigateur. Cela dépend de la quantité de données et de la distance qu’elles doivent parcourir.

03.

Temps de rendu des pages

Le temps de rendu est influencé par la qualité et la complexité du code à interpréter, le nombre d'éléments et leur taille, ainsi que la vitesse de l'appareil sur lequel le navigateur s'exécute.

01.

Comment améliorer le temps de réponse du serveur ?

C'est là que fonctionne le serveur qui traite le code PHP. L'objectif est de donner le moins de travail possible au serveur. Ou donnez au travail autant de serveur que possible. Idéalement… les deux.

Cache pleine page

Installez un plugin de mise en cache WordPress ou discutez avec votre fournisseur d'hébergement de la mise en cache au niveau du serveur ou de l'aide pour l'intégration de la mise en cache périphérique.

Lire le tutoriel →

Utilisez de meilleurs plugins

Testez l’utilisation des ressources des plugins WordPress ; vérifiez s'il existe des plugins qui effectuent des requêtes non mises en cache ; remplacez-les par de meilleurs.

Utilisez de meilleurs thèmes

Testez l’utilisation des ressources de votre thème WordPress actif et, en cas de problèmes, remplacez-le par un thème plus léger.

Optimisation de la base de données

Nettoyez les méta_clés orphelines de la table wp_postmeta ; nettoyer les entrées avec autoload:yes de la table wp_options ; nettoie les anciennes entrées de plugin et de thème ; supprimer les transitoires expirés ; changez le moteur de table en INNODB.

Lire le tutoriel →

Paramètres WordPress

Désactivez les rétroliens, les pingbacks, les emojis et les intégrations ; désactiver ou limiter les révisions ; organiser un nettoyage régulier des déchets ; désactiver ou modifier l'API Heartbeat ; désactivez XML-RPC si vous n'en avez pas besoin ; configurer une tâche cron sur le serveur.

Obtenez un meilleur hébergement

L'hébergement Web partagé ne peut garantir des performances constantes. Si les performances sont essentielles pour vous, essayez une solution d’hébergement WordPress gérée ou une solution d’hébergement WooCommerce gérée.

02.

Comment améliorer le temps de transfert des données ?

L'objectif est de réduire la quantité de données à transférer du serveur vers le navigateur, ainsi que la distance sur laquelle les données sont transférées.

Optimiser les images

N'utilisez pas de résolutions plus élevées que nécessaire ; utilisez le format correct (jpg, png, svg, webp) pour chaque scénario ; nettoyer le serveur des images inutilisées.

Lire le tutoriel →

Optimiser CSS et JS

  • supprimer les CSS et JS inutiles
  • concaténer CSS et JS
  • réduire CSS et JS

Optimiser les polices

  • n'utilisez qu'une seule police, maximum 2 (une pour les titres, une pour le corps)
  • sert les fichiers de polices de votre serveur
  • vous pouvez également utiliser les polices système

Utiliser un CDN

  • Cloudflare (gratuit)
  • Rapide.cloud
  • LapinCDN
  • CléCDN
  • AWS Cloudfront
  • Google Cloud CDN
  • Rapidement

03.

Comment améliorer le temps de rendu des pages ?

C'est ici que fonctionne le navigateur sur l'appareil du visiteur. Nous ne pouvons pas contrôler la vitesse de sa connexion Internet, ni la puissance de calcul de son appareil, nous ne pouvons que donner moins de travail à ce navigateur.

DOMAINE

Réduisez la complexité du DOM en utilisant des blocs Gutenberg natifs pour créer des pages au lieu de plugins de création de pages.

Javascript

Plus vous avez de JS sur votre site, plus il sera difficile d'obtenir un temps de rendu rapide. Supprimez ce que vous pouvez, reportez et retardez ce que vous ne pouvez pas.

CSS

Réduisez la complexité CSS, supprimez les erreurs de syntaxe, réduisez l’utilisation de @import et !important, supprimez les sélecteurs et propriétés en double et redondants.

Faites voler votre site Web avec Simplenet Hosting.

Gants blancs
Anglais