On appelle scripts bloquants ou en anglais render-blocking script tous les fichiers JavaScript dont le chargement ou bien l’exécution perturbent le rendu d’une page web. Pour mieux comprendre cette définition, il convient de rappeler quelques notions sur le fonctionnement de JavaScript. Par défaut, lorsque l’interpréteur HTML rencontre un fichier JavaScript il s’arrête de réaliser le rendu de la page et passe la main à l’environnement d’exécution JavaScript. Le rendu ne reprend que lorsque l’exécution du script est terminée. C’est un comportement assez logique, JavaScript a en effet la capacité d’agir sur les éléments de la page, il serait donc incohérent de continuer le rendu alors qu’un script est potentiellement en train de l’altérer. Cet article vous présentera quelques méthodes vous permettant d’éliminer les scripts bloquants de vos pages web ou au moins d’en réduire l’impact sur la satisfaction de vos utilisateurs. Quel impact sur les performances web ? Un nombre de scripts bloquants important aura bien souvent tendance à détériorer la satisfaction utilisateur. Aussi importants soient-ils pour le bon fonctionnement de votre page web, leur exécution n’est pas forcement visible par l’utilisateur. En revanche il remarquera facilement que le rendu est bloqué. En effet, le blocage du rendu peut provoquer deux effets néfastes pour la satisfaction de l’utilisateur. D’une part, il est possible que le début d’affichage soit retardé, provoquant de longues secondes d’attente devant une page blanche. D’autre part, le rendu de la page pourra être saccadé, alternant entre phases ou le rendu est fluide et phases ou le rendu est figé. Dans les deux cas, et en se basant sur notre norme de mesure de la satisfaction utilisateur, on...
Dans le cadre de nos activités d’amélioration du ressenti utilisateur nous avons posé 4 questions aux équipes de RIVP (régie immobilière de la ville de Paris). Présentez-nous l’activité de votre société/service en quelques mots. La RIVP « Régie immobilière de la ville de Paris » est un bailleur social innovant, solidaire et éthique, qui gère, construit et réhabilite des logements, des commerces, des bureaux y compris des pépinières, incubateurs et hôtels d’entreprises. Dans quel cadre avez-vous fait appel à l’expertise de Quadran ? Quelle était votre problématique ? Nous souhaitions trouver des outils et méthodes pour être plus réactifs et efficaces en cas de crise « performance », nous avions eu une expérience compliquée en 2016. Quelle(s) a/ont été la/les réponse(s) concrète(s) apportée(s) par Quadran ? Quels ont été les résultats obtenus ? Intégration de la solution de supervision appYuser sur l’ensemble de nos applications Web (internes et externes). Nous et nos sous-traitants supervisons au quotidien l’évolution des performances et l’évolution de la satisfaction de nos internautes. En cas de régression nous sommes alertés et pouvons cibler très rapidement les problèmes. L’indicateur de satisfaction appYdex nous permet aussi de communiquer plus factuellement avec nos sous-traitants et d’avoir une vision plus précise du ressenti réel de nos internautes. Nous avons donc pu faire progresser la performance. Si vous deviez décrire Quadran en trois mots, ce seraient… Mise en place simple et efficace par une équipe qui a le souci du service client. Caroline Laurent Responsable pôle projets, applications transverses et Web Informatique RIVP : « Mise en place simple et efficace par une équipe qui a le...
Un événement à ne pas rater Un grand merci aux organisateurs du Big Data Paris 2018 ! Comme chaque année, cet événement était l’occasion de rencontrer et d’échanger avec les grands acteurs du Big Data, sur des sujets variés et passionnants tel que l’importance de la Donnée, avec un grand D, dans l’analyse et l’amélioration de l’expérience utilisateur. C’était aussi l’occasion de découvrir les innovations du secteur comme en témoigne la photo ci-dessus où l’on me voit essayer un casque de réalité augmentée qui permet de visualiser des graphiques et tableaux directement dans notre environnement ! Il ne faut pas non plus oublier de s’amuser, notamment au volant d’une voiture de rallye, confortablement installé dans un super simulateur de conduite. Heureusement, un collègue a immortalisé ce moment en vidéo : Bref, ce furent 2 jours très intenses et riches en enseignements et expériences. Nous espérons vous y revoir l’année prochaine ! Quadran au salon Big Data Paris 2018 ! was last modified: octobre 8th, 2018 by Aldo...
PageSpeed Insights (PSI), le très populaire outil d’audit des performances de page web en ligne de Google a reçu en ce début d’année 2018 une mise à jour majeure. Depuis toujours centré sur le respect des « bonnes pratiques » pour établir son score d’optimisation, PSI prendra désormais en compte des données provenant d’utilisateurs réels. Que contient exactement cette mise à jour ? Quel impact aura-t-elle sur le monde de la performance web ? La vitesse réelle du site au cœur de la mise à jour Le point clé de cette mise à jour est l’ajout d’un niveau de vitesse en plus du score d’optimisation historique. L’évaluation de ce niveau est réalisé grâce à des statistiques sur les temps de chargement enregistrés par de vrais utilisateurs. Deux mesures sont prises en compte : First Contentful Paint (FCP) : Temps d’affichage du premier élément visuel de la page DOM Content Loaded (DCL) : Temps que met le HTML de la page à être chargée et parsée Chaque utilisateur se connectant à la page (depuis Google Chrome) générera donc de nouvelles données temporelles. C’est en prenant la valeur médiane de ces deux séries statistiques puis en les combinant que le niveau de vitesse est obtenu. De plus, les résultats du test proposent désormais une visualisation de la distribution des temps obtenus par les utilisateurs. Les données sont ensuite classées en trois catégories suivant les événements obtenus dans le rapport d’expérience utilisateur de Chrome : Rapide, Moyen et Lent Copie d’écran 1 – Analyse PageSpeed Insights du site lemonde.fr Dans l’exemple ci-dessus, le site testé a un FCP median à...
Petit historique d’appYuser™ Mai 2015, appYuser™ voyait le jour. Cet article, publié sur Maddyness le 28 mai 2015, explique les raisons initiales qui nous ont poussé à développer la solution appYuser™ puis à la commercialiser tous secteurs confondus. Un peu moins de trois ans après, faisons un état des lieux et essayons de comprendre comment appYuser™ accompagne nos clients au quotidien. Bilan effectué avec certains de nos clients, agences Web et SEO Afin de bien finir l’année et d’être fin prêt pour celle qui vient de démarrer, nous avons échangé avec certains de nos clients dans le cadre d’un bilan annuel. Accompagné de l’un de nos experts performances, cette rencontre était l’occasion de présenter les nouveautés de l’année et celles à venir en 2018, d’écouter les retours de nos utilisateurs, de répondre à leurs éventuelles questions et enfin, de leur exposer une analyse de leurs données 2017, tout en dégageant des pistes d’amélioration. Toutes les remarques ont scrupuleusement été notées et seront bien évidemment prises en compte dans les évolutions futures de appYuser™. Synthèse de ces bilans Revenons tout d’abord rapidement sur les nouveautés d’appYuser™ de cette année 2017 : La grande nouveauté : appYdex ! Une norme, développée en interne, qui permet de mesurer de façon encore plus précise le ressenti utilisateur en se basant sur deux temps de chargements (le début d’affichage et la fin). Si vous souhaitez en savoir plus et n’avez pas peur des mathématiques, cliquez ici Toujours de nouvelles fonctionnalités : satisfaction par audience, évolution des 4 segments, outils sur segment. Taux de conversion en fonction de la vitesse de chargement des pages (pour en savoir plus, découvrez notre...
Nous utilisons des cookies pour améliorer votre experience de navigation sur le site. Cookie settingsACCEPTER
Cookies et confidentialité
Privacy Overview
Ce site utilise des cookies pour améliorer votre expérience de navigation sur le site. Hors de ces cookies, les cookies classés comme nécessaires sont stockés dans votre navigateur car ils sont aussi essentiels au fonctionnement des fonctionnalités de base du site. Nous utilisons également des cookies tiers qui nous aident à analyser et à comprendre comment vous utilisez ce site. Ces cookies ne seront stockés dans votre navigateur qu'avec votre consentement. Vous avez également la possibilité de désactiver ces cookies. Toutefois, la désactivation de certains de ces cookies peut avoir une incidence sur votre expérience de navigation.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
