Budget de performance web: Qu’est – ce que c’est? Is + comment définir et mesurer
Le rendement est essentiel à l’expérience utilisateur et à l’amélioration de la conversion du site. Si la page est chargée rapidement et que l’interaction est fluide, les utilisateurs sont moins susceptibles de quitter la page. Mais à quelle vitesse? Il n’y a pas de réponse claire à cela. Comme toute entreprise, chaque site Web a ses propres objectifs, ses propres statistiques d’utilisateurs et son propre budget. L’établissement d’un budget de rendement peut vous aider à obtenir le rendement maximal de votre budget, éliminant ainsi cette confusion. Dans cet article, vous apprendrez à mesurer le rendement de votre site Web en utilisant les bonnes mesures et à établir un budget de rendement pour atteindre efficacement vos objectifs opérationnels.
Qu’est – ce qu’un budget de rendement? La performance du site Web est un jeu de donner et de posséder. Devriez – vous donner la priorité à l’expérience utilisateur ou au design? Que diriez – vous d’ajouter un robot de chat au lieu d’essayer la vitesse de chargement de la page? Votre site Web a – t – il vraiment besoin de charger des scripts tiers et des polices personnalisées? Dans l’affirmative, quelles fonctions offrent – ils à vos utilisateurs? Ils peuvent vous aider à générer des transformations?
Mais avec le temps, à mesure que le trafic augmente et que la fonctionnalité du site augmente, vous constaterez que le rendement du site n’est pas aussi bon qu’auparavant. Cela vous aidera à établir votre budget de rendement. Le budget de performance est ce que c’est: Définissez le budget sur la page et ne laissez pas la page dépasser le budget. Il peut s’agir d’un temps de chargement spécifique, mais il est généralement plus facile
Je suis seul. Un budget de rendement vous aidera également à mieux surveiller le rendement de votre site Web. Si le rendement de votre site Web diminue au fil du temps, vous pouvez retourner à votre budget de rendement et voir ce qui ne va pas.
Mesurer le rendement avec les bonnes mesures si vous ne pouvez pas mesurer quelque chose, vous ne pouvez pas le surveiller ou l’améliorer, sans parler de son impact sur le rendement du site. Examinons les diverses mesures que vous pouvez utiliser pour établir un budget de rendement pour votre site Web. Trois indicateurs différents du budget de rendement mesurent le rendement en fonction de la quantité cet indicateur est le plus facile à comprendre, à mesurer et à établir. Ils sont très utiles dans la phase de développement web parce qu’ils peuvent aider les concepteurs et les développeurs à mieux collaborer. Les indicateurs quantitatifs les plus couramment utilisés pour établir un budget de rendement sont les suivants:
Poids maximal de la page, qui peut être divisé en: taille maximale de l’image taille maximale de la police Web taille maximale de la police Web taille maximale de la police Web taille maximale du script (p. ex., cadre, bibliothèque) taille maximale du script taille maximale du HTML et du CSS taille maximale de la vidéo nombre total de ressources externes, Vous pouvez être divisé en: nombre maximum de requêtes http nombre maximum de scripts tiers Veuillez noter que les paramètres ci – dessus ne déterminent pas l’expérience utilisateur réelle. Cependant, ils constituent un bon point de départ pour votre budget de rendement. Le rendu progressif des pages améliore l’expérience de l’utilisateur (Source: Google). Par exemple, un utilisateur peut considérer deux pages de la même taille et du même nombre de demandes comme lentes ou rapides, selon la façon dont la page charge les ressources. Les pages optimisées pour l’allocation des ressources critiques semblent beaucoup plus rapides pour les utilisateurs de ris
Je ne suis pas celui qui n’aime pas ça. Par conséquent, vous devez combiner des mesures quantitatives avec d’autres mesures axées sur l’utilisateur afin de mieux comprendre le rendement du site. Le type métrique basé sur le temps indique la vitesse de chargement de chaque aspect de la page. Les deux événements les plus courants utilisés pour mesurer la vitesse de chargement d’une page sont les événements de chargement et de chargement dominent. Cependant, ils ne peuvent pas fournir une image complète de l’expérience utilisateur parce que le serveur peut fournir aux utilisateurs une page minimale et retarder le chargement et la visualisation du contenu réel après quelques secondes.
Pour corriger ce problème, l’équipe de performance Web du W3C a approuvé l’API pour mesurer les mesures de performance des utilisateurs en fonction de la surveillance réelle des utilisateurs. Voici quelques – unes des mesures de temps les plus importantes que vous pouvez utiliser dans votre budget de rendement: primo content paint (FCP) FCP mesure le temps qu’il faut à la page pour charger tout ce qui est affiché à l’écran (ou dans le navigateur). Capture le début du chargement de la page. Si vous souhaitez en savoir plus sur la technologie pour améliorer la première peinture de satisfaction de votre site, consultez notre guide.
La plus grande peinture joyeuse (LCP) Google estime que le score LCP est inférieur à 2,5 secondes (Source: Google) Le LCP mesure le temps qu’il faut à une page pour présenter son plus grand élément de texte ou d’image sur un navigateur. Étant donné que le LCP fournit une meilleure mesure de l’expérience de chargement perçue que le FCP et le First mental paint (FMP), il s’agit d’une mesure importante de l’expérience de l’utilisateur. À partir de maintenant, selon Google, LCP est le premier choix pour mesurer la performance centrée sur l’utilisateur. Délai d’entrée initial (fid) Le fid mesure le temps nécessaire pour que la page réponde à toute interaction utilisateur. Par exemple, lorsque l’utilisateur clique sur C
Si vous utilisez Lighthouse pour définir les aperçus de la vitesse de la page comme mesure du rendement, vous recevrez également des suggestions pour optimiser le rendement de votre site Web et même pour établir un budget de rendement. Pour obtenir les meilleurs résultats, utilisez une combinaison d’indicateurs de rendement fondés sur la quantité, le temps et les règles. Comment établir un budget de rendement maintenant que vous savez ce qu’est un budget de rendement et les diverses mesures que vous pouvez utiliser pour le définir, explorons comment établir un budget de rendement pour votre site Web. Première étape: la performance du site de recherche préliminaire dépend de nombreux facteurs. Il est difficile de décider du budget immédiatement. Tout d’abord, cherchez des concurrents et des sites Web comme vous (ou vos idées). Si vous n’êtes pas certain de la façon de trouver un site concurrent ou un site similaire, voici quelques conseils: utilisez le mot – clé pertinent pour effectuer une recherche avancée sur Google pour trouver des sites similaires dans Alexa en utilisant similarweb si votre page d’accueil a un curseur d’image et trois autres sections contenant des images et du texte, recherchez des pages de nature similaire et mesurez leur performance. Lorsque vous mesurez le rendement de ces sites, concentrez – vous sur des paramètres clés tels que le poids de la page, le temps de chargement de la page, le nombre de requêtes http, LCP, FID et TBT. Si vous êtes en train de redessiner votre site sans trop modifier son contenu, vous pouvez utiliser les paramètres actuels de votre site comme point de départ. Commencez par identifier les pages les plus importantes du site. Habituellement, c’est une ou plusieurs pages d’atterrissage qui attirent le plus de trafic. Pour avoir une idée claire du classement de votre site dans le concours, créez un graphique contenant toutes les valeurs des indicateurs de rendement. Suivre toutes les valeurs des principaux indicateurs de performance (Source: Google) selon la recherche en psychophysique, les humains ont remarqué cambiam
Juste là. Étant donné que le contenu des différentes pages du site peut varier, veuillez établir un budget des avantages pour chaque type de page. Si vous exploitez un site relativement petit ( Utilisez cette calculatrice en ligne simple pour calculer le budget de rendement vous pouvez redimensionner des articles de page individuels au besoin, mais la taille totale de la page reste toujours en dessous des limites budgétaires. Étape 4: utilisez votre budget de rendement le budget de rendement est une référence qui vous guidera, vous et votre équipe, dans la création d’un site Web de haute performance. Que vous soyez concepteur, développeur, commerçant ou propriétaire d’un site Web, si les décisions que vous prenez ont une incidence sur le rendement du site, vous devriez vérifier votre budget de rendement pour vous assurer qu’il se situe dans les limites que vous avez établies. Par exemple, si vous êtes responsable du développement du site et que votre gestionnaire du marketing vous demande d’ajouter un script d’analyse surdimensionné à votre site, vous pouvez utiliser le budget de rendement pour expliquer aux intervenants pourquoi vous ne pouvez pas l’ajouter sans affecter le rendement du site. De même, si vous êtes un concepteur d’interface utilisateur \/ ux et que les intervenants veulent que vous conceviez un site riche en images, vous pouvez utiliser le budget de performance pour expliquer pourquoi il est nuisible au rendement et donc à la conversion. Note: le budget de performance n’est pas une bonne nouvelle. Parfois, lorsque vous implémentez certaines fonctionnalités sur votre site, soyez pragmatique et Ajustez – les en conséquence. Cependant, le budget de rendement vous aidera souvent à éviter ces situations. Surveillance du rendement et budgétisation du rendement au cours des premières étapes du site, l’accent a été mis sur la mesure de la taille des ressources et sur la surveillance des indicateurs de rendement axés sur l’utilisateur, comme le PCF et l’ITT. Suivi et enregistrement réguliers, de préférence pour obtenir des indicateurs
Autres questions pour atteindre les objectifs opérationnels. L’établissement d’un budget de rendement peut impliquer tous les intervenants et travailler en équipe pour atteindre un objectif commun: le rendement du site Web. À partir d’aujourd’hui, définissez un budget de performance pour votre site! Voulez – vous en savoir plus sur la façon d’établir un budget de rendement pour votre site? Laissez un commentaire ci – dessous.