Améliorer la vitesse du site Web de manière pluridisciplinaire

Comment d'autres services peuvent vous aider à réussir votre projet d'optimisation de la vitesse de votre site Web.

Lina Hansson

Un mythe courant concernant la vitesse du site est qu'elle n'incombe qu'à l'équipe de développement. En réalité, un site rapide nécessite l'aide de plusieurs services. Les développeurs ne peuvent rarement résoudre les problèmes seuls, quel que soit leur talent. Comment résoudre le problème de vitesse avec vos collègues ? Cet article explique comment, en tant que développeur Web, vous pouvez convaincre votre entreprise de donner la priorité à la vitesse du site, obtenir l'aide de différents services lors de l'optimisation et faire connaître le succès de votre projet d'optimisation.

Corriger la vitesse avec l'aide des personnes concernées par votre entreprise

De nombreuses entreprises sont en pleine transition dans le comportement des consommateurs. La croissance du nombre de personnes qui achètent sur des plates-formes numériques plutôt que dans des magasins physiques montre que les entreprises doivent s'adapter rapidement, sous peine de voir leurs revenus diminuer. Pour réussir, cela nécessitera à la fois de nouveaux processus et modes de pensée organisationnels, ainsi qu'une forte adhésion des personnes concernées.

Le défi commun

La façon dont les entreprises s'organisent devra probablement changer à plusieurs niveaux. Tout d'abord, un projet de vitesse, avec l'augmentation potentielle des revenus qu'il peut générer, sera difficile à réaliser sans que les développeurs aient le temps de travailler dessus. L'allocation des ressources doit être en place, et la collaboration avec d'autres services tels que le marketing et les concepteurs Web sera souvent plus fluide si les personnes concernées et les dirigeants montrent qu'il s'agit d'un projet prioritaire.

En plus de ce niveau opérationnel, il est également important que les personnes concernées comprennent que deux changements sont en cours:

Cela signifie que les entreprises qui prennent des décisions stratégiques en s'appuyant sur les experts des plates-formes numériques auront un avantage. Une suggestion pourrait donc être d'inviter un développeur aux réunions où des décisions commerciales sont prises, afin de s'assurer que le site et ses contraintes sont pris en compte dès le départ et, ainsi, d'augmenter les ventes.

Envoyer une proposition aux personnes concernées

En général, environ 10% des ventes se font sur des plates-formes numériques, mais des études montrent que jusqu'à 85% des ventes en magasin physique sont d'abord influencées par le numérique. Un site performant, en particulier sur mobile (qui devient l'appareil principal), est donc essentiel pour les revenus de notre entreprise. Nous proposons un projet d'amélioration de la vitesse qui aidera le site à augmenter les conversions, et nous allons mettre en place des canaux de communication afin que les insights des équipes techniques puissent être mieux exploités avant que des décisions affectant le site ne soient prises.

Préparer la réunion avec les personnes concernées

Avant de rencontrer les personnes concernées, assurez-vous de disposer de données sur votre site Web et sur ceux de vos concurrents, ainsi que de données démontrant un ROI élevé pour les modifications que vous suggérez. Collectez des données sur l'importance de la vitesse. Le meilleur scénario est qu'il soit lié aux revenus de l'entreprise. Voici quelques façons de procéder:

  • Calculez votre taux de conversion relatif sur mobile. Travaillez avec votre équipe d'analystes et effectuez l'analyse décrite dans L'importance de la rapidité. Si vous avez historiquement une période (au moins deux à trois mois) où les temps de chargement ont été beaucoup plus élevés qu'une autre période de même durée, la lenteur du site a généralement fortement affecté les conversions sur mobile. Grâce à l'analyse, vous pouvez calculer les revenus que l'entreprise a perdus pendant la période de mauvaise vitesse, ce qui prouve la valeur de la vitesse. Si les temps de chargement sont restés à peu près au même niveau, l'analyse sera difficile à effectuer, et les alternatives ci-dessous peuvent fournir plus de réponses.
  • Estimer la valeur de la vitesse à partir de modèles statistiques Avec l'aide de TestMySite de Google, vous pouvez effectuer un test, puis calculer l'impact qu'un site plus rapide peut avoir sur votre activité. Tout ce dont vous avez besoin, ce sont des données sur le nombre moyen de visiteurs par mois, le taux de conversion et la valeur moyenne de la commande, que votre équipe d'analyse peut vous aider à obtenir.
  • Présentez des études de cas sur les bonnes pratiques. Vous pouvez également utiliser des exemples d'autres entreprises qui ont accéléré leur site et en ont vu les effets. Comment le temps de chargement des pages affecte les taux de conversion: 12 études de cas fournit quelques exemples.
  • Montrez l'importance du mobile. Demandez à l'équipe d'analystes de vous fournir des données sur le pourcentage de votre trafic provenant des mobiles par rapport aux ordinateurs.
  • Renseignez-vous sur le coût de cette opération. Les calculs ci-dessus permettent de montrer aux personnes concernées l'augmentation possible des revenus grâce à la rapidité. Toutefois, pour que les personnes concernées puissent prendre des décisions, elles doivent connaître le ROI. Par conséquent, si vous arrivez avec un coût estimé, la décision des dirigeants peut être prise plus rapidement. Pour ce faire, évaluez la durée du projet initial axé sur la vitesse et le temps dont vous aurez besoin pour la maintenance par la suite. Par exemple, dans Fast-forward thinking: TUI speed up their site by breaking down silos (Pensée accélérée : TUI accélère son site en brisant les silos), les développeurs ont pu consacrer 20% de leur temps à des projets accélérés et à d'autres moyens d'améliorer le site, sans avoir à s'occuper des retards et des campagnes.

Rencontrer les personnes concernées

  • Indiquez le volume de trafic généré par les mobiles par rapport aux ordinateurs, ainsi que la croissance enregistrée sur mobile au cours des dernières années. Cela montre l'importance de créer une expérience mobile de qualité.
  • Présentez vos conclusions sur l'impact de la vitesse sur les revenus de l'entreprise.
  • Indiquez aux personnes concernées que les développeurs peuvent contribuer à augmenter les revenus générés par les visiteurs sur mobile s'ils ont le temps de travailler en continu sur la vitesse.
  • Suggérez qu'un membre de l'équipe de développement soit invité aux réunions de la direction où des décisions seront prises concernant le site. Aujourd'hui, nous vendons sur des plates-formes numériques. Les entreprises qui commenceront à communiquer avec leurs experts numériques seront les gagnantes. Les entreprises modernes doivent configurer des canaux de communication entre les services, ainsi qu'entre les personnes concernées et les développeurs. Une étude de la Harvard Business Review a révélé qu'un projet IT sur six dépasse son budget de 200%. Kmart en est un exemple.L'entreprise perdait sa position concurrentielle face à Walmart et Target lorsqu'elle a lancé son projet de modernisation de l'IT de 1, 4 milliard de dollars en 2000. En configurant la communication et la maintenance dès le début, vous pouvez briser les silos et faire du partage des connaissances un avantage concurrentiel.

Corriger la vitesse avec l'aide de votre équipe marketing

Le défi commun

Les équipes marketing ont besoin d'outils pour gérer les annonces et les données afin de prendre des décisions éclairées. Toutefois, la plupart des outils ralentissent les sites Web et sont souvent implémentés avec des scripts bloquant le rendu, ce qui oblige les visiteurs à attendre avant de voir quoi que ce soit à l'écran. Il est donc nécessaire de trouver un équilibre. Le service marketing a besoin de données et d'outils, mais pour que le site enregistre des taux de rebond faibles et des taux de conversion élevés, il doit être rapide, afin que le marketing obtienne un bon retour sur investissement.

Pour trouver cet équilibre, soyez prudent avec les scripts:

  • Évitez les doublons qui mesurent à peu près la même chose.
  • Supprimez les outils qui ne sont plus utilisés.
  • Ne mesurez pas les éléments "agréables, mais superflus". Ne mesurez que les éléments essentiels à l'activité.

Il est difficile pour les développeurs de savoir de quoi le service marketing dépend, et le service marketing ne sait peut-être pas quels outils sont particulièrement lourds pour le site. Vous devez donc collaborer.

Envoyer une proposition à votre équipe marketing

Les outils de suivi et les annonces bloquent souvent la rapidité avec laquelle les visiteurs voient le contenu lorsqu'ils accèdent au site. Cela réduit la valeur des investissements marketing, car nous payons pour les annonces, les utilisateurs s'intéressent à elles, cliquent dessus, mais doivent ensuite attendre. Ils risquent alors de s'énerver et de partir. Une étude a révélé que le taux de conversion est passé d'environ 50% à environ 35% lorsque la métrique de vitesse Temps de réponse est passée de 0,15 s à 0,3 s. Pouvons-nous travailler ensemble pour trouver une solution afin de trouver un équilibre entre les outils dont vous avez besoin et les performances du site, et ainsi améliorer le retour sur investissement marketing ?

Préparer la réunion avec votre équipe marketing

  • Créez une liste des scripts implémentés sur le site.
  • Envoyez la liste au service marketing et demandez-lui de l'examiner à l'avance et de la répartir en trois catégories :
    • Prioritaire Ces scripts doivent rester.
    • Souhaitable : Scripts qui pourraient être moins utilisés ou supprimés. Par exemple, il arrive que les entreprises collectent des cartes thermiques ou des enregistrements d'écran, mais que les données ne soient examinées que rarement et ne débouchent pas sur des actions ni sur une augmentation des conversions. Dans ce cas, il peut être préférable de ne lancer les outils que pendant deux semaines, de collecter les insights à des fins d'analyse, puis de nettoyer les scripts jusqu'à la prochaine période de collecte de données ciblée.
    • Non utilisé ou non détenu Ils doivent être supprimés.
  • Vérifiez l'impact de chaque script sur la vitesse de votre site en comparant la vitesse avec et sans lui. Dans WebPageTest, vous pouvez le configurer via l'onglet Block (Bloquer) dans les paramètres avancés. Vous pouvez également bloquer les requêtes réseau dans Chrome DevTools.

Rencontrez votre équipe marketing

  • Passez en revue la liste des scripts et donnez votre avis sur chacun d'eux. Par exemple, certains des scripts facultatifs sont-ils très nuisibles aux performances du site ? En recevant des recommandations, l'équipe marketing peut établir plus facilement des priorités. En vous expliquant ce qui est essentiel pour eux, elle vous aide à comprendre leur point de vue.
  • Discuter des sujets suivants :
    • Les avantages des données collectées permettent-ils d'augmenter le nombre de conversions de manière à dépasser la baisse causée par la lenteur du site ? Les données peuvent guider la décision.
    • Votre entreprise a-t-elle choisi un fournisseur qui propose la version la plus rapide de l'outil sur le marché ? Le service marketing peut avoir besoin de l'aide des développeurs pour déterminer si des outils essentiels à l'activité peuvent être remplacés par des alternatives plus rapides.
    • Existe-t-il des alternatives à certains des scripts du site ? Par exemple, au lieu de cartes thermiques, vous pouvez commencer à effectuer des tests d'utilisabilité, qui vous permettront également de comprendre pourquoi les utilisateurs se comportent de telle ou telle manière, ce qui vous permettra souvent d'obtenir des insights plus approfondis.

Définir les prochaines étapes

  • Choisissez un processus à suivre. Le marketing doit-il toujours demander aux développeurs d'examiner les nouveaux outils et leur impact sur la vitesse avant leur implémentation ? Le marketing doit-il disposer d'un budget de performances où il apprend à vérifier la vitesse et peut lui-même hiérarchiser les outils qu'il souhaite utiliser, à condition qu'il atteigne la cible de vitesse ?

Améliorer la vitesse avec l'aide de votre équipe de conception Web

L'un des plus grands défis des performances Web est que, même si la connectivité peut être plus rapide dans de nombreuses régions, les sites Web deviennent plus lourds et, par conséquent, plus lents. Pour résoudre ce problème, les développeurs doivent collaborer avec des concepteurs Web.

Le défi commun

En fin de compte, tous les services d'une entreprise dépendent généralement du site qui génère des conversions, que ce soit pour générer des revenus ou autre. Et la dure vérité est que peu importe la beauté des pages Web si leur chargement prend tellement de temps que les utilisateurs ne restent pas pour les voir.

Toutefois, la création de pages Web légères est une responsabilité partagée. Les développeurs peuvent utiliser différentes techniques d'optimisation des images pour accélérer leur chargement. Les concepteurs Web peuvent créer des pages qui permettent de maintenir le poids de la page en dessous d'un niveau convenu.

Envoyer une proposition à votre équipe de conception Web

Des études montrent que les pages comportant moins d'images et d'éléments génèrent plus de conversions. Par exemple, une étude réalisée par Google et SOASTA a révélé que les sessions ayant généré des conversions comportaient 38% d'images en moins que les sessions n'ayant pas généré de conversions. Pouvons-nous travailler ensemble pour atteindre les objectifs de vitesse et mettre en place une collaboration conjointe qui peut augmenter les conversions sur le site ? Par exemple, nous pouvons trouver le bon niveau de compression d'image en équilibrant la qualité et la vitesse, ou réduire les mises en page ou fonctionnalités complexes qui entraînent souvent des sites lourds et lents.

Se préparer à une réunion avec votre équipe de conception Web

  • Suivez les pages du site qui ont le temps de chargement et le poids de page les plus élevés. Par exemple, si vous travaillez avec un site d'e-commerce, assurez-vous de vérifier non seulement la page d'accueil, mais aussi les pages de campagne, certaines des plus grandes pages de catégories, certaines des pages de produits et le parcours de paiement.
  • Préparez une proposition de budget de performances pour les concepteurs. Une autre option consiste à commencer par la métrique la plus simple possible, à savoir la taille de la page, et à définir 1 Mo comme cible pour toutes les pages (ou 1,5 Mo si le branding est très important pour les conversions).
  • Préparez la liste des pages qui dépassent le niveau de poids de page cible.

Rencontrer votre équipe de conception Web

  • Investigation : déterminez comment l'équipe de développement peut diffuser des images plus rapidement grâce à diverses techniques d'optimisation des images, telles que la compression des images, les images responsives, le redimensionnement des images, le chargement paresseux, la mise en cache et l'optimisation du serveur.
  • Créez une page de test sur laquelle les images sont publiées dans différentes qualités et dimensions, et convenez d'un niveau qui équilibre les performances et la qualité sur différents écrans. N'oubliez pas que la durée des sessions des visiteurs sur mobile est souvent courte. Une étude a montré que plus de la moitié des sessions sur mobile durent 30 secondes ou moins. Ces utilisateurs n'étudient peut-être pas les images en détail et préfèrent peut-être que le site soit rapide.
  • Proposez un budget de performances dans lequel les concepteurs Web s'engagent à s'assurer que toutes les pages Web ont un poids inférieur à 1 Mo (ou 1,5 Mo maximum).

Corriger la vitesse avec l'aide de votre équipe d'analyse

Les entreprises ont besoin de données pour savoir sur quoi se concentrer et pour prendre des décisions éclairées. Cependant, même si de nombreuses personnes parlent de l'importance de la vitesse du site et de son lien avec les revenus et les ventes, de nombreuses entreprises n'incluent toujours pas la vitesse dans leurs rapports hebdomadaires en dehors des équipes techniques. Cela peut changer si les développeurs commencent à collaborer avec les équipes d'analyse.

Le défi commun

En réalité, nous ne nous concentrerons pas sur ce qui n'est pas signalé. Si la vitesse du site ne figure pas dans les rapports hebdomadaires ou mensuels envoyés aux personnes concernées par l'entreprise, elle sera facilement oubliée et vous aurez du mal à obtenir les ressources nécessaires pour vous y concentrer. Cependant, comme les équipes d'analyse n'ont souvent pas d'expérience en matière de suivi de la vitesse, elles auront besoin de l'aide des développeurs. Les développeurs auront besoin de l'aide de l'équipe d'analyse pour calculer l'impact sur les revenus lorsque des améliorations de vitesse seront apportées. Ces services sont plus dépendants les uns des autres qu'on ne pourrait le penser au premier abord.

Envoyer une proposition à votre équipe d'analyse

De nombreuses études de cas montrent l'impact de la vitesse du site sur les revenus et le taux de rebond. Pourriez-vous collaborer avec nous pour configurer le suivi de la vitesse du site pour notre entreprise et peut-être inclure la vitesse dans les rapports envoyés aux personnes concernées afin de gagner en adhésion ?

Se préparer à une réunion avec votre équipe d'analyse

  • Suivez régulièrement la vitesse. Nous vous recommandons d'utiliser une API avec un outil tel que Lighthouse CI, PageSpeed Insights ou WebPageTest, qui vous permet de collecter régulièrement des statistiques dans un environnement de laboratoire contrôlé afin de comparer facilement les performances sur différentes périodes.
  • Transmettez La valeur de la vitesse à l'équipe d'analyse et demandez-lui si elle peut effectuer l'analyse afin que le graphique soit prêt à être analysé lors de la réunion.

Rencontrer votre équipe d'analystes

  • Vérifiez le graphique créé à partir de La valeur de la vitesse. Le taux de conversion sur mobile relatif est un moyen de suivre l'impact de la vitesse et l'amélioration de votre site. Demandez à l'équipe chargée de l'analyse si elle est prête à commencer à suivre ce point.
  • Déterminez si la métrique "Temps de chargement" de Google Analytics est suffisante pour les rapports commerciaux simplifiés. La valeur de la vitesse utilise cette métrique. Comme de nombreux développeurs le savent, il ne s'agit que de l'une des nombreuses métriques de vitesse importantes. Comme il se trouve dans Google Analytics, il s'agit également de données sur le terrain plutôt que de données de laboratoire. Mais est-il suffisamment adapté pour créer des rapports d'entreprise simplifiés ? Vérifiez le résultat obtenu à partir de l'analyse ci-dessus et déterminez si le taux de conversion mobile relatif diminue lorsque les temps de chargement sont élevés pendant au moins deux à trois mois, et si le taux de conversion mobile relatif augmente lorsque les temps de chargement sont faibles pendant deux à trois mois. Si vos temps de chargement sont restés assez stables, il sera difficile de savoir si l'analyse vous convient tant que vous n'aurez pas considérablement amélioré la vitesse. Si c'est le cas, passez à l'alternative suivante.
  • Affichez vos graphiques pour les métriques de vitesse utilisées par les développeurs. Expliquez-les à l'équipe chargée de l'analyse et voyez si vous découvrez des corrélations avec le taux de conversion ou le taux de conversion sur mobile relatif.
  • Laissez l'équipe d'analyse réfléchir à des moyens d'utiliser la rapidité dans les calculs liés aux revenus et à la manière de les communiquer aux personnes concernées. Il s'agit souvent d'un sujet nouveau pour eux. Revenez ensuite sur le sujet et essayez une approche qui vous convient. Comme toujours, vous devez réviser la collecte de données jusqu'à ce que vous trouviez la bonne solution, mais c'est un moyen de commencer la collaboration.

Étapes suivantes

Demandez à votre équipe d'analyse d'effectuer l'analyse décrite dans La valeur de la vitesse une fois que le projet d'accélération a permis d'obtenir de grandes améliorations. Il montrera à l'entreprise combien de conversions et de revenus supplémentaires elle a générés, ce qui récompensera votre équipe ainsi que tous les services qui ont collaboré avec vous. Vous pouvez inclure ces informations dans un rapport hebdomadaire destiné aux personnes concernées, afin que le projet ne devienne pas un effort ponctuel, mais qu'il soit entretenu en continu.