Un budget pour accélérer vos sites web
Le budget de performance ne s’exprime pas en euros, mais en secondes, en octets ou encore en nombre de ressources. Un outil indispensable pour reprendre le contrôle sur le temps de chargement des sites web.
Nous avions rappelé il y a peu les liens existant entre la vitesse d’un site et son référencement. Évidemment, les motivations pour avoir un site rapide ne s’arrêtent pas là. Comme toute composante de l’expérience utilisateur, la performance web va impacter le taux de rebond, le taux de conversion ou encore l’image de marque, et in fine, les revenus générés.La vitesse comme fonctionnalité principale
As a product manager you should know that speed is product feature number one.(traduction : en tant que responsable produit, tu devrais savoir que la vitesse est la fonctionnalité numéro un du produit)
C’est un propos de Larry Page (cofondateur de Google) rapporté par Urs Hölzle, qui se prête très bien à l’illustration de la nécessité de mettre en place des budgets de performance.
Si votre site est (excessivement) lent, toutes les fonctionnalités perdront leur sens.
En effet, 67% des utilisateurs demandent un temps de chargement inférieur à 4 secondes (données Keynote).
Prenons un exemple exagéré : je souhaite mettre en place un click-to-chat, car d’après une étude lambda cela permet d’augmenter le temps de conversion de mon site. Et si l’installation de cette fonctionnalité ralentissait de 10 secondes l’affichage de ma page ? Évidemment, ce n’est plus une augmentation de la conversion à laquelle il faudra s’attendre, mais bien à l’inverse, à une chute dramatique !
Quand et comment définir un budget ?
Comme évoqué plus tôt, les budgets de performance visent à encadrer vos projets, pour que la vitesse et l’expérience utilisateur en soient des composantes essentielles.Brad Frost, web designer de renom, a écrit à ce propos :
Statements of work, project proposals and design briefs should explicitly and repeatedly call out performance as a primary goal. “The goal of this project is to create a stunning, flexible, lightning-fast experience…”(Les cahiers des charges, réponses à appels d’offres, et briefs de conception devraient explicitement et de manière répétée mentionner la performance comme objectif principal. “Le but de ce projet est de créer une expérience à couper le souffle, souple, rapide comme l’éclair …”)
Plutôt qu’une explication théorique, voici quelques exemples de budgets, qui pourront s’appliquer à différentes phases de vos projets, mais aussi à différents profils d’interlocuteurs :
- La maquette ne doit pas utiliser plus de 2 polices de caractères
- Le temps de réponse du serveur doit être inférieur à 200ms
- La page d’accueil doit faire moins d’1 Mo
- La partie visible de la page doit d’afficher en moins d’une seconde sur une connexion ADSL (Visually Complete < 1 sec)
- Le speedindex de la landing page doit être inférieur à 2000 sur une connexion 3G
L’exercice de choisir un seuil n’est pas aisé, mais dès lors qu’on se pose la question du choix du seuil, le budget aura déjà commencé à remplir sa fonction ! Se positionner par rapport à ses concurrents est une bonne stratégie : un écart inférieur à 20% ne sera pas perçu, vous pourrez donc envisager d’être au moins 20% plus rapide pour construire un avantage concurrentiel supplémentaire !
Vous pourrez également vous baser sur les recommandations d’acteurs comme Google. Ce qui vous permettra très probablement d’éviter une mauvaise surprise si un mécanisme comme le “Red Slow Label”, testé en début d’année, venait à voir le jour.
Comment gérer son budget et rester dans le vert ?
Les budgets de performance web, tout comme les budgets financiers, peuvent se retrouver dépassés. La bonne nouvelle, c’est que nous ne sommes pas totalement désarmés dans un tel cas !Lorsqu’un budget est enfreint, vous pourrez successivement vous interroger sur ces différentes possibilités :
- optimiser : est-ce qu’il est possible d’optimiser techniquement un élément pour que le budget soit à nouveau respecté (exemple: compresser une image)
- épurer : est-ce que tout ce qui est présent sur la page est vraiment utile ? Des éléments obsolètes à supprimer ?
- abandonner : est-ce que ce qui m’a conduit à enfreindre le budget apporte suffisamment de valeur ? Sinon, c’est sans doute une erreur que de faire ce changement !
Il ne vous reste plus qu’à essayer d’appliquer ces principes à vos projets, et vous réunirez vos interlocuteurs vers un but commun : un site rapide, une expérience utilisateur irréprochable et un business florissant !