Budget de performance web: Qu&rsquoest ce que c&rsquoest? Is + comment définir et mesurer

Le rendement est essentiel à lamp;rsquoexpérience utilisateur et à lamp;rsquoamélioration de la conversion du site. la page est chargée rapidement et que lamp;rsquointeraction est fluide, les utilisateurs sont moins susceptibles de quitter la page. Mais à quelle vitesse? Il namp;rsquoy a pas de réponse claire à cela. Comme toute entreprise, chaque site Web a ses propres objectifs, ses propres statistiques damp;rsquoutilisateurs et son propre budget. Lamp;rsquoétablissement damp;rsquoun budget de rendement peut aider à obtenir le rendement maximal de votre budget, éliminant ainsi cette confusion. Dans 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.
Quamp;rsquoest ce quamp;rsquoun budget de rendement? La performance du site Web est un jeu de donner et de posséder. Devriez donner la priorité à lamp;rsquoexpérience utilisateur ou au design? Que diriez damp;rsquoajouter un robot de chat au lieu damp;rsquoessayer 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 lamp;rsquoaffirmative, quelles fonctions offrent ils à vos utilisateurs? Ils peuvent aider à générer des transformations? Le budget de performance peut aider à mieux optimiser votre site Web afin damp;rsquoobtenir la meilleure performance possible, et devez trouver le bon équilibre entre la conception, la fonctionnalité, les objectifs opérationnels et lamp;rsquoexpérience utilisateur. Il est plus facile de tenir compte de tous ces facteurs lorsque créez un nouveau site Web ou le mettez à jour.
Mais avec le temps, à mesure que le trafic augmente et que la fonctionnalité du site augmente, constaterez que le rendement du site namp;rsquoest pas aussi bon quamp;rsquoauparavant. Cela aidera à établir votre budget de rendement. Le budget de performance est ce que camp;rsquoest: Définissez le budget sur la page et ne laissez pas la page dépasser le budget. Il peut samp;rsquoagir damp;rsquoun temps de chargement spécifique, mais il est généralement plus facile
Je suis seul. Un budget de rendement aidera également à mieux surveiller le rendement de votre site Web. le rendement de votre site Web diminue au fil du temps, pouvez retourner à votre budget de rendement et voir ce qui ne va pas.
Mesurer le rendement avec les bonnes mesures si ne pouvez pas mesurer quelque chose, ne pouvez pas le surveiller ou lamp;rsquoaméliorer, sans parler de son impact sur le rendement du site. Examinons les diverses mesures que 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 quamp;rsquoils 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 lamp;rsquoimage 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 lamp;rsquoexpé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 lamp;rsquoexpérience de lamp;rsquoutilisateur (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 lamp;rsquoallocation des ressources critiques semblent beaucoup plus rapides pour les utilisateurs de ris
Je ne suis pas celui qui namp;rsquoaime pas ça. Par conséquent, devez combiner des mesures quantitatives avec damp;rsquoautres mesures axées sur lamp;rsquoutilisateur 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 damp;rsquoune page sont les événements de chargement et de chargement dominent. Cependant, ils ne peuvent pas fournir une image complète de lamp;rsquoexpé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, lamp;rsquoéquipe de performance Web du W3C a approuvé lamp;rsquoAPI 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 pouvez utiliser dans votre budget de rendement: primo content paint (FCP) FCP mesure le temps quamp;rsquoil faut à la page pour charger tout ce qui est affiché à lamp;rsquoécran (ou dans le navigateur). Capture le début du chargement de la page. 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 quamp;rsquoil faut à une page pour présenter son plus grand élément de texte ou damp;rsquoimage sur un navigateur. Étant donné que le LCP fournit une meilleure mesure de lamp;rsquoexpérience de chargement perçue que le FCP et le First mental paint (FMP), il samp;rsquoagit damp;rsquoune mesure importante de lamp;rsquoexpérience de lamp;rsquoutilisateur. À partir de maintenant, selon Google, LCP est le premier choix pour mesurer la performance centrée sur lamp;rsquoutilisateur. Délai damp;rsquoentrée initial (fid) Le fid mesure le temps nécessaire pour que la page réponde à toute interaction utilisateur. Par exemple, lorsque lamp;rsquoutilisateur clique sur C
utilisez Lighthouse pour définir les aperçus de la vitesse de la page comme mesure du rendement, 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 damp;rsquoindicateurs de rendement fondés sur la quantité, le temps et les règles. Comment établir un budget de rendement maintenant que savez ce quamp;rsquoest un budget de rendement et les diverses mesures que 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 damp;rsquoabord, cherchez des concurrents et des sites Web comme (ou vos idées). namp;rsquoê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 damp;rsquoaccueil a un curseur damp;rsquoimage et trois autres sections contenant des images et du texte, recherchez des pages de nature similaire et mesurez leur performance. Lorsque mesurez le rendement de ces sites, concentrez 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. êtes en train de redessiner votre site sans trop modifier son contenu, 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, camp;rsquoest une ou plusieurs pages damp;rsquoatterrissage 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. exploitez un site relativement petit ( Utilisez cette calculatrice en ligne simple pour calculer le budget de rendement 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 guidera, et votre équipe, dans la création damp;rsquoun site Web de haute performance. Que soyez concepteur, développeur, commerçant ou propriétaire damp;rsquoun site Web, si les décisions que prenez ont une incidence sur le rendement du site, devriez vérifier votre budget de rendement pour assurer quamp;rsquoil se situe dans les limites que avez établies. Par exemple, si êtes responsable du développement du site et que votre gestionnaire du marketing demande damp;rsquoajouter un script damp;rsquoanalyse surdimensionné à votre site, pouvez utiliser le budget de rendement pour expliquer aux intervenants pourquoi ne pouvez pas lamp;rsquoajouter sans affecter le rendement du site. De même, si êtes un concepteur damp;rsquointerface utilisateur ux et que les intervenants veulent que conceviez un site riche en images, pouvez utiliser le budget de performance pour expliquer pourquoi il est nuisible au rendement et donc à la conversion. Note: le budget de performance namp;rsquoest pas une bonne nouvelle. Parfois, lorsque implémentez certaines fonctionnalités sur votre site, soyez pragmatique et Ajustez les en conséquence. Cependant, le budget de rendement aidera souvent à éviter ces situations. Surveillance du rendement et budgétisation du rendement au cours des premières étapes du site, lamp;rsquoaccent a été mis sur la mesure de la taille des ressources et sur la surveillance des indicateurs de rendement axés sur lamp;rsquoutilisateur, comme le PCF et lamp;rsquoITT. Suivi et enregistrement réguliers, de préférence pour obtenir des indicateurs
Autres questions pour atteindre les objectifs opérationnels. Lamp;rsquoétablissement damp;rsquoun budget de rendement peut impliquer tous les intervenants et travailler en équipe pour atteindre un objectif commun: le rendement du site Web. À partir damp;rsquoaujourdamp;rsquohui, définissez un budget de performance pour votre site! Voulez en savoir plus sur la façon damp;rsquoétablir un budget de rendement pour votre site? Laissez un commentaire ci dessous.