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

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

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

Si Webpagetest, Google teste mon site ou Google PageSpeed Insights - Entre-temps, en tant que webmaster, vous disposez 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 de Google Tester mon site (pour les sites mobiles) et PageSpeed Insights (pour les versions mobiles et de bureau) vous donnera des conseils et des instructions sur la manière de réduire le temps de chargement de vos pages web : Configurez la mise en cache, redimensionnez les images, minimisez les fichiers CSS.

Il en va de même pour les outils de surveillance, qui enregistrent régulièrement les évaluations PageSpeed et les temps de chargement de vos pages.

Vous vous êtes donc attelé à la mise en œuvre de toutes les mesures habituelles dans le cadre d'un travail de détail élaboré et vous vous êtes finalement rendu compte que votre page se chargeait en fait beaucoup plus rapidement. C'est très gratifiant. Seulement : 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.

C'est exactement pourquoi nous avons construit un petit cadre en interne pour vérifier les résultats de nos propres optimisations des performances. Grâce à ce cadre, nous sommes en mesure de suivre exactement quelles mesures d'optimisation ont conduit à quels résultats. Et nous l'utilisons également pour mesurer l'influence de plugin set themes sur la performance des pages. 

Aujourd'hui, je vais donc vous montrer

Avec de meilleures WordPress performances, le classement et le taux de conversion augmentent

Le fait que la vitesse de chargement d'une page soit un facteur de classement a déjà été prouvé en 2010 officiellement confirmée par Google ...donc c'est vraiment un vieux chapeau. Ainsi, plus la page est rapide, plus elle sera bien 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, 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 s'affiche que si la TTFB de votre page est inférieure à 200 millisecondes.

Le lien entre le temps de chargement d'une page web et le classement chez Google pourrait être examiné par Mozun des grands acteurs américains du référencement, peut également être prouvé de manière indépendante 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 ont pu non Le lien entre la Durée totale du chargement la page et le Pagerank ! Vous voyez donc que toutes les mesures d'optimisation ne sont pas directement liées à 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 le biais de tests A/B, que Un retard de 100 millisecondes dans le chargement entraîne une perte moyenne de 1 % des ventes pourrait signifier. Un deuxième retard entier représente alors 1,6 milliard de dollars de ventes perdues 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 pour la page, la probabilité d'un achat est réduite. L'outil Google Tester mon site tient déjà compte de ce fait dans son masque de saisie avec le slogan :

"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 sautent d'une page parce qu'elle se charge trop lentement.

La règle suivante s'applique également au contenu : plus la page est lente, moins elle est lue

Le Le Financial Times a testé 2016car les lecteurs réagissent à un retard d'une à cinq secondes dans le temps de chargement.

Il s'est avéré que plus le site devenait lent, moins les visiteurs lisaient d'articles par visite. Les recettes d'abonnement et de publicité ont donc souffert de la lenteur du site.

La conclusion de la maison des médias : six mois plus tard, le site web 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 à elles seules contribué à dynamiser le cœur de métier de l'édition.

EBook : Mesurez la performance de votre site comme un professionnel

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

Et les temps de chargement de votre propre site web sont également importants pour les prestataires de services. Cela montre par exemple le cas du développeur de logiciels canadien IntuitDe 2012 à 2013, le fournisseur a pu améliorer le temps de chargement de son site de plus de neuf secondes.

Et cette optimisation présentait également des avantages commerciaux tangibles : Lorsque le temps de chargement du site était supérieur à sept secondes, le taux de conversion augmentait 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 un point de pourcentage supplémentaire au taux de conversion.

Donc, pour résumer : Pour les magasins, les éditeurs et les prestataires de services, le temps de chargement du site web a une influence démontrable sur les taux de conversion. Sans parler de la pertinence comme facteur de classement.

On suppose que la raison en est la perception des utilisateurs. Ces contributions montrent des exemples impressionnants :

Il est donc important de ne pas s'engager dans des combats de shadow boxing pour optimiser les performances, mais d'optimiser réellement là où vous pouvez influencer positivement la perception du visiteur du site.

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

Donc, après tous les faits et les chiffres, maintenant quelque chose de solide. Au fait, vous avez accès au cadre de travail via l'un des masques de saisie de cet article.

Mais qu'est-ce que ce cadre permet réellement de réaliser ?

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 constaté que, surtout avec des pages Pluginsfines qui compriment les CSS et les JavaScript, cela n'a pas toujours de sens. Du moins, pas si la page se trouve sous SSL fonctionne et HTTP/2 utilise. L'effort peut être complètement épargné à ce stade ou du moins les mesures peuvent être reportées.

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

Qui peut utiliser le cadre de performance

Il est logique que les agences de référencement, les agences, les designers et les consultants aient plusieurs pages en vue en même temps. C'est aussi 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 est désormais bénéfique et ce qui ne l'est pas.

Comment utiliser le cadre de performanceRAIDBOXES

Le nom est un peu lourd, mais l'usage est assez simple :

Étape 1 : Recherche de l'outil de mesure et enregistrement des données de base

Comme point de départ, vous augmentez une fois tous les temps de chargement de votre page et les enregistrez dans le tableau. Vous pouvez utiliser Webpagetest, GTmetrix ou Pingdom Tools à cette fin. Nous recommandons Webpagetest. L'outil Google offre simplement les meilleures options de réglage pour une mesure vraiment bonne :

Veillez à sélectionner la feuille de calcul appropriée pour le test utilisé. Quel que soit l'outil que vous utilisez, les valeurs suivantes sont généralement enregistrées : Le temps du premier octet, le début du rendu (heure à laquelle la structure de la page visible commence) et le temps de chargement (vitesse à laquelle la page se charge dans la perception de vos utilisateurs). L'outil calcule automatiquement des valeurs telles que le temps de chargement perçu.

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

Étape 2 : Optimiser et mesurer à nouveau

Vous effectuez maintenant votre mesure d'optimisation (par exemple, comprimer vos images), vous effectuez une nouvelle 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'aucune autre modification n'ait été apportée à la page.

C'est tout. Il n'y a plus rien à considérer. Bien que nous ayons un tuyau à ce stade :

Il est important que vous effectuer plusieurs séries de mesures. Ce n'est que de cette manière et par le calcul de valeurs moyennes que l'on peut arriver à des valeurs raisonnablement fiables. Pourquoi, par exemple, les collègues de HootProof dans sa grande "WordPress guide d'optimisation". Dans notre article sur l'utilisation de Webpagetest, nous montrons également comment vous pouvez produire de bonnes lectures 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 WordPress projets en cours.

Cela est particulièrement utile si vous gérez plusieurs sites à la fois et que vous souhaitez mieux comprendre votre processus d'optimisation.

Si vous avez des questions, il vous suffit de laisser un commentaire ou de m'écrire directement.

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 * .