Les 10 paramètres les plus importants de votre WordPress performance

Torben Simon Meier Mis à jour le 21.10.2020
10 Min.
WordPress  Performance : les 10 vis de fixation les plus importantes
Dernière mise à jour le 21.10.2020

Le web regorge de conseils et d'astuces pour optimiser vos WordPress performances. Malheureusement, les explications et les évaluations de la pertinence des différents contextes tombent rapidement à l'eau. Nous vous montrons les points de départ et les outils importants - dans un ordre raisonnable et avec le contexte. Ainsi, vous pouvez atteindre le succès très rapidement.

Entre-temps, nous avons déjà accueilli environ 15 000 WordPress projets. De nombreuses données se sont accumulées au cours de ce processus. Et nos clients nous demandent constamment comment ils peuvent encore réduire le temps de chargement des pages de leurs WordPress projets. Nous avons donc systématiquement traité les résultats de l'analyse des sites de nos clients des années précédentes. Le résultat : 10 mesures avec lesquelles vous pouvez rapidement et facilement optimiser vos WordPress performances.

Une chose est particulièrement importante : certains utilisateurs sont rapidement pris par les suggestions d'optimisation d'outils tels que Google PageSpeed Insights dissuader. Laissez-moi vous dire : Ce n'est pas avec des mesures d'optimisation compliquées que l'on gagne le plus de temps de chargement, mais avec des méthodes très faciles à mettre en œuvre.

Suggestions d'optimisation des performances WordPress par Google
Seuls quelques opérateurs secondaires peuvent faire quelque chose de concret avec ce message. Il est donc particulièrement important que vous vous concentriez d'abord sur les mesures d'optimisation simples et que vous n'abordiez les mesures plus compliquées que dans la deuxième étape.

Bien sûr, l'optimisation du temps de chargement n'est pas une fin en soi. Outre une meilleure expérience pour vos utilisateurs, un temps de chargement plus court apporte également Avantages de la visibilité de votre offre sur Google. C'est pourquoi je vais également décrire brièvement les différentes étapes d'optimisation afin de créer le contexte approprié.

Vous pouvez donc théoriquement vous frayer un chemin de haut en bas et améliorer le temps de chargement de votre page étape par étape. Au demeurant, les sept premiers points font également référence aux suggestions d'amélioration typiques faites par Google PageSpeed Insightsauquel nous nous référons, par exemple, dans cet article plus en détail.

#N°1 La mise en cache - le facteur de performance le plus important de tous

La mise en cache signifie que votre page ne doit pas être d'abord demandée au serveur web par le navigateur, puis construite pas à pas. Au lieu de cela, votre page - complètement rendue - est chargée à partir d'un cache.

L'avantage de cette mise en cache est évident : vous n'avez WordPress pas à recalculer votre page chaque fois que vous l'appelez. Comme WordPress il est basé sur le très lent PHP, un cache est ici élémentaire. Elle permet notamment d'éviter que le PHP ne doive être lu.

En principe, il existe deux variantes de mise en œuvre pour les caches :

  • À propos de la mise en cachePlugins: La majorité des utilisateurs utilisent une mise en cachePlugin, comme W3 Cache total ou WP Super Cache. Elles sont parfois plus simples, parfois plus compliquées à mettre en place. En tout état de cause, un certain nombre de travaux manuels sont nécessaires.
  • À propos de l'hébergeur : Certains hébergeurs - et donc aussi RAIDBOXES - proposent une mise en cache côté serveur. Cela signifie que vous pouvez presque toujours vous passer de la mise en cachePlugins . Parce que votre fournisseur d'hébergement a le Configuration de la mémoire cache a déjà pris le relais pour vous.

Si vous avez mis en place une mise en cache performante, vous avez déjà fait le pas le plus important vers une meilleure WordPress performance. Pour plus de détails, veuillez consulter notre article sur le Les bases de la mise en cache sur.

#2 WordPress ranger - l'ordre doit être

L'une des causes les plus fréquentes de la longueur des temps de chargement est - d'après notre expérience - une installation surchargéeWordPress . Et comme ce point d'amélioration n'est pas mentionné par GooglePageSpeed Insights , il vient directement en deuxième position dans mon Top 10.

Une installation surchargée WordPress signifie dans la plupart des cas : il y a trop d'Plugins installations. En gros, moins Pluginsil y en a, plus le site est rapide. Bien sûr, ils sont Plugins importants et vous ne pouvez pas vous en passer, mais vous devriez vérifier de temps en temps ceux Plugins dont vous avez vraiment besoin.

Et : vous devez veiller à ne Plugins pas simplement les désactiver, mais à les supprimer complètement.

WordPress  Améliorer les performances : L'aperçu des plugins vous indique exactement combien Plugins vous en avez installé, activé et combien il vous reste à mettre à jour.
Votre Pluginaperçu vous montre exactement combien de personnes sont Plugins actuellement handicapées. En principe, il devrait toujours y avoir un zéro pour "inactif". Si ce n'est pas le cas, demandez-vous exactement : ai-je besoin de celui qui est désactivé Plugin ?

Il en va de même pour Themes: Vous n'avez pas besoin de plus d'un.

L'arrière-plan est le suivant : Any Plugin and all Theme ajoute du code PHP à votre page. Cela s'applique également aux personnes handicapéesPlugins. Cela rend votre site plus encombrant et donc plus lent (et plus vulnérable aux attaques). Le PHP est un langage de script très lent. Moins il y en a, mieux c'est.

Souvent, ils ne sont plus nécessaires Plugins et Themes ce sont des restes de tests de fonctionnement et de conception. Par conséquent, d'une part, il est logique de WordPress -Pages à nettoyer régulièrement et d'autre part, vous devez ajouter de nouvelles caractéristiques et de nouveaux dessins dans un Environnement de test et non en direct. De cette façon, vous ne pouvez pas accumuler trop de Pluginrestes.

#Photos n°3 : le frein à temps de chargement sous-estimé

L'une des mesures les plus efficaces et les plus simples pour réduire le temps de chargement des pages est le redimensionnement des images. Car ici, vous pouvez parfois enregistrer de grandes quantités de données. Avec la soi-disant "compression d'image sans perte" réduira la taille des fichiers de vos images sans perte visible de qualité. Ainsi, votre page ne change pratiquement pas, mais vous pouvez en même temps réduire sa taille de manière significative grâce à l'optimisation des images.

des estimations de Archives HTTP Selon l'étude, les images représentent régulièrement la plus grande part du volume de données d'un site web. Réduire vos images devrait donc être l'une des premières étapes de l'optimisation. Vous pouvez soit faire une optimisation de l'image manuellement, soit utiliser une compression Plugin.

En utiliser un Plugin est certainement la solution la plus pratique. Non seulement ils vous Plugins permettent de compresser de nouvelles images et leurs vignettes, mais ils prennent aussi automatiquement toutes les images existantes de votre site. Toutefois, ce service est souvent payant.

#4 CSS et JavaScript - semble peu pratique, mais est facile à optimiser

La deuxième plus grande quantité de données sur votre site est généralement constituée de fichiers JavaScript et CSS. De nombreux utilisateurs craignent particulièrement d'être contactés ici. Mais même sans expertise en matière de code, vous pouvez facilement comprendre ce qu'est l'optimisation CSS et JavaScript. Car en principe, il y a trois choses à faire d'abord :

  • Résumez : Les CSS et JavaScript sont cachés dans de nombreux petits fichiers individuels. Normalement, chacun de ces fichiers doit être demandé individuellement par le navigateur à partir du serveur web. Cela génère des requêtes HTTP, qui ont tendance à augmenter le temps de chargement de votre page. Cependant, lorsque les scripts sont combinés, le nombre de fichiers à charger et donc le nombre de demandes est réduit. Par exemple, 53 demandes individuelles deviennent un peu plus d'une douzaine. Bien entendu, le correspondant Plugins ...faire pour vous.
  • Réduire : Les fichiers CSS et JavaScript sont des lignes de code qui permettent d'activer certaines fonctions et conceptions sur votre page. Ce code est écrit par des humains. Mais il est lu par des machines. En quoi cela est-il pertinent ? Une grande partie de ce dont un être humain a besoin pour comprendre correctement un code n'est pas nécessaire à un ordinateur. Les espaces, les commentaires, etc. ne sont pas nécessaires pour construire correctement votre page. Mettez Plugins ici comment Autoptimisation sur. Ils convertissent le CSS et le JavaScript du code humain au code lisible par la machine. Les paquets de données individuels sont ainsi plus petits et leur transmission plus rapide.
  • Compression : Après la fusion et la réduction, la dernière étape consiste à comprimer les paquets de données qui sont envoyés du serveur web au navigateur. Cela signifie que le serveur minimise la taille des fichiers des requêtes individuelles et que le navigateur les décompresse et les calcule. C'est plus rapide que l'envoi de paquets de données non compressés. Vous pouvez mettre en place un compression GZIP par exemple via la mise en cachePlugins, via les réglages manuels dans le .htaccess ou votre hébergeur a déjà activé la compression sur le serveur.

Même sans connaissance des scénarios, il est donc facile de comprendre les résultats des différentes mesures. Et pour les trois étapes de travail, il y Pluginsa aussi des profanes qui peuvent optimiser le CSS et le JavaScript. Dans notre Articles sur l'optimisation des CSS et JavaScriptnous vous expliquerons plus en détail et vous présenterons plusieurs Plugins d'entre eux.

Quatre victoires !

Ce sont les quatre domaines dans lesquels nos clients ont pu économiser un temps de chargement particulièrement important. Avec relativement peu d'efforts, vous pouvez améliorer vos WordPress performances par la mise en cache, l'optimisation des images, l'optimisation des CSS et JavaScript et le nettoyage.

#5 Sans hébergement, tout n'est rien

Les quatre premiers champs d'optimisation promettent de réduire le temps de chargement, mais peuvent être un peu décevants si vous êtes hosting ralenti. Cela signifie qu'il y a moins de Exigences en matière de matériel pour WordPress signifier, mais plutôt certaines technologies qui vous montrent qu'un hébergeur vous permet même d'optimiserWordPress en conséquence.

En règle générale, vous pouvez vous rappeler que les WordPress Hosting devrait disposer de ces données clés :

  • Disque dur SSD
  • Limite de mémoire PHP d'au moins 64MB, mieux 128MB
  • Centre de données en Europe
  • Version actuelle de PHP (7.4)
  • HTTP/2 et certificat SSL gratuit

Ensuite, il y a la différence entre un serveur partagé hosting et un serveur séparé (virtuel).

Avec l'hébergement mutualisé, vous partagez le serveur et sa puissance de calcul avec d'autres sites. Habituellement, quelques dizaines à quelques centaines. Si vous avez votre propre serveur, vous n'avez pas besoin de partager la puissance de calcul avec qui que ce soit. Elle offre donc l'avantage d'une sécurité de performance.

Bien qu'un serveur propre ne soit pas synonyme de plus de performances, l'expérience montre que les tarifs d'hébergement bon marché, qui ne coûtent que quelques euros par mois, ne peuvent pas rivaliser avec les serveurs virtuels en termes de performances.

Les points les plus fins - moins de pouvoir de pénétration, plus d'effort

Tous les domaines de performance que j'ai mentionnés jusqu'à présent peuvent être optimisés par pratiquement n'importe WordPress quel utilisateur. Soit par le biais Pluginsd'un simple test, soit par l'achat de produits appropriés. La situation se complique si vous avez déjà optimisé ces domaines. Car il faut alors approfondir la structure du site. Et les mesures d'optimisation individuelles n'ont plus le même pouvoir de pénétration.

#6 Blocage du rendu - mauvais ordre lors du chargement

Un point que des outils comme Google PageSpeed Insights critiquent sans cesse est un ordre de chargement qui bloque le rendu.

Un exemple illustre le problème : un curseur est constitué d'images et de la commande d'animation qui fait tourner ces images. Si la commande JavaScript est chargée en premier et les images à la fin, alors votre page a déjà la fonction du curseur, mais pas les images à afficher. La page prend donc plus de temps à charger. Cette condition peut être évitée par une séquence de chargement correcte.

Il existe des moyens d'optimiser l'ordre Pluginsde chargement, mais notre expérience montre qu'ils ne permettent pas toujours d'optimiser pleinement votre site. Dans ce cas, les meilleurs résultats sont généralement obtenus par un concepteur de sites web qui connaît bien le site et ses fonctions.

#7 Au-dessus du pli - optimiser la zone visible de la page

Outre le temps de chargement total de votre page, le le temps de chargement perçu décisif. Donc le temps qu'un visiteur de votre site perçoit comme temps de chargement. Ce temps de chargement perçu peut être raccourci grâce à quelques astuces. Par exemple, un utilisateur a l'impression que la page est déjà complètement construite, même si les calculs sont encore effectués en arrière-plan.

Il est particulièrement important pour l'optimisation de ce processus car Au-dessus du pli est l'optimisation de la séquence de chargement. Cela signifie que le contenu et les fonctions sont classés par ordre de priorité, que vos visiteurs doivent voir sur la première taille d'écran.

WordPress  Représentation : Illustration du spectacle Above the Fold par raidboxes.de
La zone supérieure est réservée aux visiteurs par raidboxes.io s'affiche sans défilement. C'est ce qu'on appelle le "Above the Fold". Pour toute autre information, le visiteur doit interagir et faire défiler la page.

Vous pouvez y parvenir, par exemple, en optimisant la séquence de chargement. Mais il y a aussi Pluginsceux qui font en sorte que votre site se charge plus efficacement. Et seulement la zone visible. charge paresseuse ou a3 Charge paresseuse en sont des exemplesPlugins. De cette façon, l'utilisateur obtient toujours tout le contenu dont il a besoin, mais le temps de chargement de la page peut quand même en bénéficier, surtout si la page est riche en images.

#8 Nettoyer la base de données

Outre les images et les scripts, votre base de données peut également devenir trop importante. Là encore, il existe des outils pratiques pour maintenir votre base de données en bon état. Par exemple, le Plugin Optimisation du WP.

#9 Pingbacks et trackbacks

Par défaut, il interagit WordPress avec d'autres pages qui permettent les pingbacks et les trackbacks. Chaque fois que votre site ou l'un de vos articles de blog est mentionné sur une telle page, votre site en est automatiquement informé, ce qui ajoute une charge supplémentaire à la base de données.

Si vous n'avez pas besoin de cette fonctionnalité (la valeur ajoutée est négligeable à mon avis), vous devez désactiver les pingbacks et les trackbacks. Là encore, le Plugin WP-Optimize est utile. Par souci d'exhaustivité, il convient de mentionner ici qu'il s'agit davantage d'un problème théorique. Aucun de nos clients n'a subi de graves pertes de performance de ce fait.

#N°10 Prévenir les liaisons directes

Le hotlinking signifie que quelqu'un se connecte directement à une image sur votre serveur - donc, en fin de compte, votre bande passante est "volée". Sur un serveur web Apache, vous pouvez empêcher la création de liens hypertextes en ajoutant le code suivant au fichier .htaccess

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?deineseite.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]

RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]

Pour éviter les hotlinks sur un serveur NGINX, ajoutez ces lignes de code à votre fichier wp-config NGINX :

location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
     valid_referers none blocked server_names
	 *.example.com example.* www.example.org/galleries/ ~\.google\.;
     if ($invalid_referer) {
        return 403;
    }
}

Décomposition du code :
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
spécifie les extensions de fichiers que vous souhaitez protéger contre les hotlinks, par exemple, si vous souhaitez toujours protéger les fichiers pdf, la ligne de code ressemblerait à ceci
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Ces lignes sont un peu longues, mais elles vous aideront à mieux comprendre ce qui peut être fait avec cette règle. Ces lignes indiquent quels domaines sont autorisés à établir des liens dynamiques entre vos fichiers. Dans cet exemple yoursite.com avec tous les sous-domaines, ainsi que Google, Bing et Yahoo.

if ($invalid_referer) {
return 403;
}
Si une demande arrive et que la ressource demandée n'est PAS en haut de votre liste blanche, le serveur renvoie un 403 (Interdit).

Vous n'avez pas accès à wp-config ?

Vous vous demandez ce que vous pouvez faire si des modifications de la configuration wp de votre hébergeur (comme par exemple sur RAIDBOXES ) ne sont pas possibles ? Dans ce cas, de nombreusesPlugins mesures de sécurité sont disponibles dans les bureaux officiels de l WordPress Répertoire des pluginsqui empêchent la mise en place d'une liaison chaude. Un Pluginde ceux qui offrent cette fonction est par exemple All In One WP Security & Firewall. Il Plugin est actif sur plus de 800 000 WordPress pages et a une note moyenne de 4,8 étoiles sur 5 (sur près de 1 000 critiques).

"Et qu'en est-il du CDN ?"

L'une des questions les plus fréquemment posées concerne le CDN. Par exemple : "Est-ce qu'un CDN rend mon site plus rapide pour les visiteurs en Allemagne", "Pourquoi ai-je besoin d'un CDN", "Recommanderiez-vous d'utiliser un CDN pour mon blog ou ma boutique ? Mais dans la plupart des cas, la réponse a été négative.

Pour faire court, une longue histoire : un CDN est le plus logique si vos utilisateurs sont géographiquement dispersés. Par exemple, si vous avez des clients en Europe centrale, en Amérique du Sud et en Australie. Si votre groupe cible principal est limité à un pays, vous pouvez directement abandonner un CDN pour optimiser vos WordPress performances.

Le WordPress -développeur a Ernesto Ruge au fait, un très bel article ...que je ne peux que vous recommander.

Conclusion : n'ayez pas peur des étapes d'optimisation apparemment compliquées

Souvent, les utilisateurs ont peur de toucher à ces zones où le temps de chargement peut être économisé particulièrement facilement. Ou bien ils négligent ces domaines. D'autres, en revanche, comme le CDN, reviennent sans cesse lors des consultations, bien qu'ils n'aient généralement aucun effet sur le temps de chargement des pages.

Par conséquent, je ne peux que vous conseiller de vous concentrer d'abord sur les "fruits à portée de main" de l'optimisation. Car avec relativement peu d'efforts, vous pouvez déjà faire de grands progrès dans la réduction de votre temps de chargement. Et ce, même si vous êtes un profane.

Ne soyez donc pas PageSpeed Insights déstabilisé par les conseils d'outils comme Google.

Parce qu'au fond, l'optimisation du temps de chargement ne concerne que quelques domaines :

  • Réduire la taille de votre page
  • Réduction des demandes HTTP
  • Compression des différents paquets de données
  • Optimisation de l'expérience de l'utilisateur

Si vous avez compris cela, vous pouvez aussi tourner judicieusement les 10 vis de réglage les plus importantes de la WordPress représentation. Et pour les étapes d'optimisation plus complexes, il existe également des experts qui peuvent mettre votre site à niveau.

Articles connexes

Commentaires sur cet article

Ecrire un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués par * .