La vitesse des pages étant devenue une mesure importante pour le référencement et l'UX au fil des ans, le concept d'un budget performance web est également passé au premier plan. Il est désormais plus évident que la performance Web est un sujet qui nécessite une perspective partagée par tous les départements, plutôt que d'être simplement la priorité d'un seul département ou d'un seul individu.
Pour expliquer cela avec un exemple : les services marketing peuvent vouloir mettre en œuvre la conversion et codes de remarketing/retargeting, avec des outils comme Criteo et RTB House, qui utilisent le reciblage basé sur les produits. Ils peuvent également s’attendre à des photos et des animations accrocheuses. Pendant ce temps, les départements produits peuvent demander l'intégration d'outils tels que Hotjar et Clarté. Les départements logiciels, quant à eux, visent à se développer le plus rapidement possible tant sur le frontend que sur le backend. La demande et les coûts associés à ces exigences en matière de vitesse de page sont en réalité en équilibre. Le budget performance web a émergé pour établir cet équilibre de manière efficace.
Un budget de performance Web implique de définir une vitesse cible pour votre plateforme sur une plateforme spécifique et d'établir des objectifs numériques que toutes les parties prenantes respecteront afin d'atteindre cette vitesse. En bref, le coût de la rapidité est le budget de performances Web.
Tout commence par une proposition. Vous proposez à quelle vitesse votre page doit s'ouvrir sur un type de connexion particulier. Par exemple, certaines propositions de budget de performance pourraient être :
- La page d'accueil peut-elle s'ouvrir dans moins de 2 secondes sur une connexion mobile 3G rapide (1.6 Mbps)?
- La page des résultats de recherche peut-elle s'ouvrir dans moins de 5 secondes sur une connexion 3G lente (780 Kbps)?
Ensuite, vous créez un plan d'action et des sous-métriques pour réaliser ces propositions, en le décomposant en parties.
Outre les propositions, il peut y avoir d’autres objectifs budgétaires de performance. Par exemple:
- Augmenter le phare mobile score de la page de détail supérieur à 80
- Réduire la taille de toutes les images sur le site de bureau en dessous de 500 Ko
Mesures du budget de performance
Il existe trois perspectives différentes acceptées pour déterminer les paramètres d’un budget de performance :
Métriques basées sur des chiffres
- Nombre maximum de polices / Taille de police maximale
- Nombre maximum d'images / Taille maximale de l'image
- Nombre maximum de scripts, styles, vidéos, etc. / Taille maximale du script, du style, de la vidéo, etc.
- Taille HTML maximale
- Nombre maximum de requêtes HTTP
- Nombre maximum de scripts tiers
Mesures basées sur le temps
- Première heure de Contentful Paint (FCP)
- Temps du plus grand Contentful Paint (LCP)
- Temps de retard de la première entrée (FID)
- Temps d'interactivité (TTI)
- Temps de blocage total (TBT)
- Score cumulatif de décalage de mise en page (CLS)
- Score de l'indice de vitesse
Métriques basées sur des règles
- Score phare
- Score GTmetrix
- Score du test de page Web
- Score Ylent
Lors de la définition de votre budget de performance web, il est généralement recommandé de combiner toutes ces perspectives dans la bonne mesure plutôt que d’en choisir une seule. Vous pouvez utiliser le simulateur de budget de performance pour trouver les chiffres nécessaires pour atteindre votre vitesse cible.
Évaluer les types de pages séparément
Un point crucial lors de la détermination du budget de performance est de ne pas le baser sur une seule page du site. Une erreur courante consiste à tester uniquement la page d’accueil, ce qui conduit à une évaluation incomplète.
Vous devriez commencer par examiner la plateforme et identifier les différents types de pages. Ensuite, analysez le trafic de la plateforme pour identifier les pages qui reçoivent le plus de trafic et les prioriser. Le résultat sera un tableau similaire à celui-ci :
- Accueil
- Pages de liste statiques
- Pages de liste dynamiques
- Pages de détails
- Pages de paiement
- Pages de résultats de recherche
- Pages de campagne
- Blogs
Vous devez vous concentrer sur les budgets de performance de ces types de pages séparément, en fonction des priorités.
