Accélérer durablement ses pages web - web performance

“Comment rendre mon site rapide ? Comment accélérer mes pages web ?”
Une fois que vous avez trouvé la réponse à ces questions, il s’agit de pérenniser le fruit de vos efforts pour des pages durablement rapides. Nous allons voir pourquoi il ne suffit pas d’optimiser votre vitesse en one-shot, ainsi que les raisons et les moyens de travailler votre webperf au long cours, retours d’expérience à l’appui.

UX, SEO et conversions : les bénéfices d’un site rapide

Expérience utilisateur, référencement et taux de transfo, un site internet rapide n’a que des avantages

En effet, plus vos visiteurs sont satisfaits de leur expérience sur une page avec un bon temps de chargement, plus ils sont engagés - et donc enclins à visiter d’autres pages, remplir leur panier et aller au bout du tunnel d’achat. Et cela passe par des pages avec de bons temps de chargement, comme on le voit dans le graphe ci-dessous (source : Andy Davies) :

Engagement des visiteurs selon la vitesse des pages

Nombre de pages vues par session en fonction de la vitesse des pages :
plus chaque page est rapide, plus il y a de pages vues par session

La preuve par l’exemple : pour chaque seconde de temps de chargement en moins sur son site web, Walmart a enregistré jusqu'à 2 % d'augmentation des conversions.

Par ailleurs, une étude réalisée par Deloitte révèle que sur mobile, -0.1s de temps de chargement =

  • +8.4 % conversions dans le retail
  • +10.1 % dans le travel
  • +8.6 % de pages vues dans le luxe.

Mais comment accélérer un site web et maintenir ces performances dans la durée ? Est-il possible de s’occuper de ses temps de chargement “une bonne fois pour toutes” et de ne plus s’en préoccuper ? On vous donne quelques astuces.

Etablir un Budget performance

Le point de départ pour améliorer la vitesse de votre site web doit être le Budget Performance. Ce budget s’exprime sous la forme d’objectifs à atteindre, ou de seuils à ne pas dépasser.

Par exemple :

Les possibilités et les outils sont nombreux (CDN, optimisation du code et des ressources telles que les images, fichiers HTML / JS / CSS... et donc du poids des pages…), et les KPI peuvent évoluer au fil du temps.
En effet, vous pouvez avoir besoin d’améliorer encore la vitesse de votre site internet à terme, ou d’ajuster vos objectifs en fonction de vos contraintes techniques et de vos ressources - qui doivent aussi se mettre en ordre de bataille autour du sujet de l’amélioration de la vitesse.

Organiser ses équipes pour un site web rapide

La vitesse des sites n’est pas uniquement l’affaire des équipes techniques. Bien au contraire, tout le monde est concerné : produit, marketing, e-commerce… Car chacun a un rôle à jouer pour qu’un site web soit rapide. 

Le socle technique peut être optimisé par la DSI (côté serveur, par exemple), mais c’est aussi le rôle des équipes métier de veiller au maintien des performances dans la durée (poids des images, fichiers HTML, JS, CSS…).

Concrètement, chaque évolution ou nouvelle fonctionnalité doit être confrontée au Budget Performance pour s’assurer qu’elle ne dégrade pas la vitesse des pages, ce qui serait contre-productif. Penser temps de chargement, c’est aussi penser Business First

Il y a de la pédagogie à faire, et éventuellement des compromis à trouver dans certaines situations.

Par exemple, chez Rue Du Commerce, l’importance de la vitesse est totalement ancrée dans les esprits de toutes les équipes. Ainsi, les équipes marketing, produit ou AMOA consultent systématiquement la DSI en amont de nouveaux projets afin de s’assurer qu’ils respectent le Budget Performance. Dans certains cas, des ajustements techniques peuvent être nécessaires pour déployer de nouvelles fonctionnalités tout en préservant la performance.

Cette organisation permet entre autres à cette référence du e-commerce français de se positionner régulièrement en tête du classement webperf du JDN.

Une refonte suffit-elle pour accélérer définitivement son site web ?

Chez Fasterize, lorsqu’on évoque les techniques pour accélérer un site web et améliorer ses performances, il nous arrive souvent d’entendre de la part des équipes techniques ou métier de nos prospects : “On a prévu une refonte, ça réglera nos problèmes de vitesse”.

Oui un site web peut voir sa vitesse améliorée suite à une refonte. Mais ce n’est pas la solution miracle pour la vitesse éternelle. Pour la maintenir, il faut ensuite poursuivre les efforts.

Le Parisien témoigne par exemple des difficultés rencontrées suite à une refonte qui a permis de réduire le Speed Index de 60 %... mais en à peine un trimestre, certains indicateurs de vitesse s’étaient déjà dégradés de 25 %.
Conclusion : pour un site internet rapide, une refonte ne suffit pas, il faut travailler dans la durée.

Les bénéfices de la vitesse pour un site web : quelques cas pratiques

Augmenter le trafic d’un site web

Les efforts pérennes pour avoir un site internet rapide sont payants, comme en témoigne Uni-Médias.

Accélérer les pages faisait partie des objectifs dans le cadre d’un travail de refonte global. La mobilisation de toutes les équipes dans cette dynamique a permis de multiplier le trafic par plus de 6 en 2 ans (de 2 millions par mois à 13 millions), et l'amélioration de la vitesse a contribué à ces résultats.

Améliorer le SEO avec un site rapide

Il faut savoir que la vitesse des sites internet est importante pour l’expérience utilisateur autant qu’elle facilite le travail des robots des moteurs de recherche tels que Google, puisqu’ils peuvent ainsi indexer plus de pages en moins de temps. La vitesse est aussi un critère pris en compte par Google dans son algorithme, qui fait la part belle au SXO. La vitesse prend de plus en plus en d’importance pour le référencement.

Grâce à l'automatisation des bonnes pratiques et des techniques d’optimisations de la vitesse pour obtenir des gains de performance durables, Alltricks a observé une augmentation de son trafic SEO de 20 %.

Faire face à toutes les éventualités et être prêt pour gérer les pics de charge

En cas de pic de trafic, vous devez offrir la meilleure expérience possible à vos internautes pour qu’ils restent sur votre site web, qu’ils visitent le plus de pages possible et qu’ils finalisent leurs achats. Or ce n’est pas du jour au lendemain qu’on peut rendre un site web rapide ! Toute opération commerciale se prépare, et parfois longtemps à l’avance.

Vous devez donc faire en sorte que vos pages soient rapides à tout moment.
Par exemple, Trigano Store organise des ventes privées qui peuvent entraîner une multiplication soudaine du trafic par 20. Pour cette raison, ce site e-commerce spécialisé dans les équipements de loisir a décidé de rendre son site rapide durablement, au lieu de colmater les brèches ponctuellement en prenant le risque de perdre des ventes en période de promotion.

La fausse bonne idée : accélérer un site ponctuellement

Nous avons menée une étude sur l’année 2018 auprès de 30 sites e-commerce français, et nous avons pu observer une variation du Speed Index au long de l’année (plus le Speed Index est élevé, plus le temps de chargement est long).

Speed Index - Variation annuelle des sites e-commerce - Webperf

Variation du Speed Index selon les périodes de l’année

Le graphe ci-dessus montre que les temps de chargement baissent considérablement pendant la période des fêtes de fin d’année, et remontent après la période des soldes de janvier jusqu’à l’été. Cela laisse penser que les efforts pour un site rapide sont fournis uniquement sur une partie de l’année. Or, se préoccuper de la vitesse des sites web en mode “opération commando” est le meilleur moyen de devoir recommencer le même travail à chaque fois, c’est un piège à éviter !

King Jouet l’a bien compris : ce site marchand qui réalise 85 % de son CA pendant les fêtes de fin d’année a opté pour un site rapide toute l’année, en automatisant l’application des techniques d'optimisation de la vitesse. Les équipes ont ainsi l’esprit tranquille 12 mois par an, même pendant les pics de trafic, et les taux de conversion ont augmenté de 5 %.

Automatiser les optimisations pour un site rapide dans la durée et sans effort

Ces techniques pour accélérer un site vous disent peut-être quelque chose : concaténation, minification, compression… Les appliquer ponctuellement sur une petit nombre de ressources ou de fichiers peut être à portée de main, mais sur de grands volumes et en continu, vous avez peut-être déjà constaté que c’est une affaire de taille (et de poids).

Par ailleurs, pour bien fonctionner, les optimisations que vous appliquez doivent s’articuler intelligemment les unes par rapport aux autres pour limiter les effets de bord. Ce serait dommage de déshabiller Pierre pour habiller Paul.

Comment faire ? Selon la taille et l’expertise de vos équipes, vous pouvez accélérer votre site web en interne.
Mais dans certains cas, sous-traiter peut être bénéfique - voire indispensable - pour arriver aux résultats souhaités ; par exemple :

  • si l’équipe technique ne dispose pas des ressources nécessaires - c’est le cas d’Orange Marine qui a fait le choix de nous confier l’accélération de son site pour économiser des ressources et du budget ;
  • pour soulager l’équipe technique et lui éviter de reprendre les optimisations à chaque évolution du site - c’est entre autres pour cette raison que But nous a confié l'automatisation de l’optimisation de la vitesse de son site.

En résumé, vous l’aurez compris, quelle que soit la méthode que vous choisissez : vous devez travailler la vitesse de votre site web en continu pour en voir l’impact

Cela implique des ressources, du temps et de l’expertise, mais les effets sont forcément bénéfiques pour vos taux de conversion sur desktop comme sur mobile, ainsi que pour votre SEO.

Pour vous assurer d’avancer dans la bonne direction avec une base de travail solide, établissez un budget performance et organisez vos équipes

Et pour gagner encore plus de temps et profiter durablement des effets des optimisations sans effort, pensez à les automatiser.

Vous vous demandez quelles optimisations apporter à votre site et comment les déployer ?
Découvrez comment accélérer vos pages :

 

Découvrez notre offre d'audit !

 


Hello SMX Paris !