Tous les temps de chargement bien en vue : Le cadre de WordPress performance

Jan Hornung Dernière mise à jour le 21.10.2020
6 Min.
Le cadre de RAIDBOXES WordPress performance
Dernière mise à jour le 21.10.2020

Les contrôles de performance prennent du temps. Surtout si vous optimisez non seulement une, mais plusieurs pages. Il faut donc savoir clairement quelles mesures d'optimisation sont utiles et avec quoi vous luttez contre les moulins à vent. Et bien sûr, il faut garder une vue d'ensemble. Aujourd'hui, j'ai dans les bagages un cadre avec lequel vous pouvez enregistrer précisément toutes vos mesures d'optimisation et déterminer avec précision quelles mesures profitent réellement au temps de chargement de votre site web.

Si Webpagetest, Google teste mon site ou Google PageSpeed Insights - En tant que webmaster, vous disposez aujourd'hui de toute une série d'outils qui vous permettent de mesurer en détail le temps de chargement de vos pages web. En particulier, les outils Google Test My Site (pour les pages mobiles) et PageSpeed Insights(pour les versions mobiles et de bureau) vous donnent des conseils et des instructions concrètes avec lesquelles vous pouvez réduire le temps de chargement de vos pages web : Mettez en place une mise en cache, réduisez les images, minimisez les fichiers CSS.

Il en va de même pour les outils de surveillance qui enregistrent les scores PageSpeed et les temps de chargement de vos pages à intervalles réguliers.

Vous vous êtes donc attelé à la mise en œuvre minutieuse de toutes les mesures habituelles et vous avez finalement constaté que votre page se charge désormais beaucoup plus rapidement. Très satisfaisant. Mais quelle mesure a été la plus importante en fin de compte ?

Nous le savons par expérience : Toutes les mesures d'optimisation n'ont pas de sens

Dans plus de 450 analyses détaillées des performances, nous avons constaté que les problèmes réellement pertinents ne sont pas toujours abordés. Le résultat : par exemple, beaucoup de temps et d'argent sont investis dans la mise en place d'un CDN, même si cela n'apporte finalement aucun avantage de performance (par exemple parce que les visiteurs viennent exclusivement de France). Certaines interventions peuvent donc être évitées en toute confiance et le temps peut être investi plus judicieusement.

À cette fin, nous avons construit en interne un petit cadre que nous utilisons pour vérifier les résultats de nos propres optimisations des performances. Grâce à lui, nous pouvons suivre exactement quelles mesures d'optimisation ont conduit à quels résultats. Et nous l'utilisons également pour mesurer l'influence de Plugins et Themes sur la performance des pages. 

Aujourd'hui, je vais donc vous montrer

Avec un meilleur classement des performances de WordPress et une augmentation du taux de conversion

Le fait que la vitesse de chargement d'une page soit un facteur de classement a déjà été officiellement confirmé par Google en 2010 et est donc en fait dépassé. Plus la page est rapide, mieux elle sera classée.

Cela semble banal, mais il faut l'intérioriser.

Google lui-même recommande, par exemple, comme valeur idéale pour la Le temps du premier octet (TTFB), c'est-à-dire le temps qui s'écoule avant que le serveur ne réponde, est de 200 millisecondes.

RAIDBOXES WordPress message d'erreur du cadre de performance de Google PageSpeed Insights concernant la TTFB
Ce message de Google PageSpeed Insights ne sera affiché que si la TTFB de votre site est inférieure à 200 millisecondes.

La corrélation entre le temps de chargement d'un site web et le classement sur Google a également été prouvée de manière indépendante par Moz, l'un des grands acteurs américains du référencement, en 2013. Dans ces deux études, les collègues constatent une forte corrélation entre le classement et la TTFB :

Il est intéressant de noter que les Américains n'a pas pu trouver un lien entre le temps de chargement total de la page et le Pagerank ! Vous voyez donc que toutes les mesures d'optimisation ne sont pas directement rentables pour l'optimisation des moteurs de recherche.

Les WordPress performances concrètes sont particulièrement importantes pour le commerce en ligne

Le thème de la vitesse des pages est également d'une importance capitale pour le commerce en ligne, même lorsqu'il n'est pas lié aux moteurs de recherche. Parce que WordPress les performances influencent les taux de conversion et le comportement des utilisateurs.

0,1 seconde de plus = 1 % de moins de chiffre d'business

Dès 2006, Amazon a déterminé par des tests A/B que 100 millisecondes de retard dans le chargement peuvent signifier une perte moyenne de 1 pour cent des ventes. Un deuxième retard complet représente une perte de revenus de 1,6 milliard de dollars par an pour Amazon.

Sous une forme allégée, ce principe s'applique donc à tous les magasins : Si l'acheteur doit attendre trop longtemps la page, la probabilité d'un achat est réduite. L'outil Google Tester mon site en tient déjà compte dans son masque de saisie avec l'adage :

"La plupart des sites perdent la moitié de leurs visiteurs pendant le chargement."

Le cadre de WordPress performance des RAIDBOXES la page d'accueil de google teste mon site
En plus de l'adage, Google Test my Site produit également une valeur qui indique la probabilité que les utilisateurs rebondissent sur une page parce qu'elle se charge trop lentement.

Il en va de même pour le contenu : plus la page est lente, moins elle est lue

En 2016, le Financial Times a testé la réaction des lecteurs face à un retard de chargement de une à cinq secondes.

Il a montré que plus la page est lente, moins les visiteurs lisent d'articles par visite. Les recettes des abonnements et de la publicité ont donc souffert d'une page trop lente.

La conclusion de la maison des médias : six mois plus tard, le site web a été complètement remanié, en mettant l'accent sur le temps de chargement des pages. La refonte d'un site web et l'optimisation de son temps de chargement ont ainsi permis à eux seuls de dynamiser le cœur de métier de l'édition.

Ce lien est également évident dans le secteur des services

Et pour les prestataires de services, les temps de chargement de leur propre site web sont également importants. C'est ce que montre, par exemple, le cas du développeur de logiciels canadien Intuit.De 2012 à 2013, le fournisseur a pu améliorer le temps de chargement de son site web de plus de neuf secondes.

Et cette optimisation présentait également des avantages commerciaux tangibles : Lorsque le temps de chargement du site web était encore supérieur à sept secondes, le taux de conversion pouvait être augmenté de trois points de pourcentage à chaque seconde de réduction. Même lorsque la vitesse de chargement était déjà inférieure à quatre secondes, chaque seconde d'amélioration ajoutait encore un point de pourcentage au taux de conversion.

Résumons : Pour les magasins, les éditeurs et les prestataires de services, le temps de chargement des sites web a un impact démontrable sur les taux de conversion. Sans parler de sa pertinence en tant que facteur de classement.

La raison en est, pense-t-on, la perception des utilisateurs. Ces contributions montrent des exemples impressionnants :

C'est pourquoi il est important de ne pas se lancer dans des matchs de shadow boxing lorsqu'il s'agit d'optimiser les performances, mais de vraiment optimiser là où vous pouvez avoir un impact positif sur la perception du visiteur du site.

Garder une vue d'ensemble, identifier les vis de réglage : C'est ce que notre outil

Donc, après tous les faits et chiffres, maintenant quelque chose de tangible. Au fait, vous pouvez accéder au cadre via l'un des masques de saisie de ce post.

Mais quels sont les avantages concrets de ce cadre ?

En optimisant et en analysant des centaines de WordPress pages, nous avons remarqué que les outils d'analyse GTmetrix et Webpagetest créent un historique de test, mais que cet historique devient rapidement très confus si vous testez régulièrement plusieurs pages.

Par exemple, nous avons découvert que, surtout pour les pages minces, Plugins, qui compriment les CSS et JavaScript, n'a pas toujours de sens. Du moins, pas si la page fonctionne sous SSL et utilise HTTP/2. Vous pouvez donc faire l'économie d'un effort à ce stade ou du moins mettre les mesures en veilleuse.

Notre cadre est basé sur l'outil de tableur Google. Nous utilisons nous-mêmes une variante semi-automatisée, où les tests sont effectués automatiquement avec Webpagtest.

Qui peut utiliser le cadre de performance

Pour les agences de référencement, les agences, les designers et les consultants en particulier, il est logique d'avoir plusieurs pages en vue en même temps. C'est également là que nous voyons le plus grand avantage : Grâce à ce cadre, vous pouvez tester différentes mesures directement les unes par rapport aux autres et découvrir systématiquement ce qui apporte des avantages et ce qui n'en apporte pas.

Comment utiliser le cadre de performanceRAIDBOXES

Le nom est un peu encombrant, mais l'utilisation est assez simple :

Étape 1 : Recherche d'un outil de mesure et collecte des données de base

Pour commencer, vous collectez tous les temps de chargement de votre site et les enregistrez dans le tableau. Vous pouvez utiliser les outils Webpagetest, GTmetrix ou Pingdom à cette fin. Nous recommandons Webpagetest. L'outil Google offre simplement les meilleurs paramètres pour une mesure vraiment bonne.

Veillez à sélectionner la feuille de calcul appropriée pour le test que vous utilisez. Quel que soit l'outil que vous utilisez, les valeurs suivantes sont généralement enregistrées : Le temps jusqu'au premier octet, le début du rendu (quand le chargement de la page visible commence) et le temps de chargement (à quelle vitesse vos utilisateurs perçoivent la page à charger). Des valeurs comme le temps de chargement perçu sont calculées automatiquement par l'outil.

Il est également important que vous notiez l'URL de la page et la date de mesure.

Étape 2 : Optimiser et mesurer à nouveau

Vous effectuez maintenant votre mesure d'optimisation (par exemple, comprimer vos images), vous effectuez une autre mesure avec le même outil et vous saisissez les valeurs dans les champs correspondants. Le cadre calcule maintenant automatiquement si - et si oui, de combien - les valeurs individuelles ont changé. Bien entendu, il est important qu'aucun autre changement n'ait été apporté à la page.

C'est tout. C'est tout ce dont il faut s'occuper. Bien que nous ayons encore un conseil à donner à ce stade :

Il est important que vous effectuiez toujours plusieurs passages de mesure sur . Ce n'est que de cette manière, et en calculant des valeurs moyennes, que vous arriverez à des valeurs raisonnablement fiables. Les collègues de HootProof expliquent pourquoi dans leur grand "WordPress -Optimization-Guide ". Dans notre article sur l'utilisation de Webpagetest ou de notre livre électronique sur les performances, nous montrons également comment vous pouvez produire de bonnes valeurs de mesure de manière fiable avec l'outil Google.

Cliquez et essayez-le

Simple mais puissant : grâce à ce cadre, vous pouvez non seulement suivre vos cas d'optimisation actuels, mais aussi les performances de vos projets WordPress en cours. Cela est particulièrement utile si vous gérez plusieurs sites en même temps et que vous souhaitez mieux comprendre votre processus d'optimisation.

Si vous avez d'autres questions concernant le cadre de performance, il vous suffit de laisser un commentaire ou de m'envoyer directement un courriel .

RAIDBOXER depuis le début et chef du soutien. Aux Bar- et WordCamps, il aime parler de la vitesse des pages et des performances des sites web. La meilleure façon de le soudoyer est de lui offrir un espresso - ou un bretzel bavarois.

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.