Votre site web fait-il partie de l'écrasante majorité de sites qui utilisent des polices Google ? Saviez-vous que dès que vous faites appel à des polices externalisées comme Google Fonts, vous vous exposez aux problèmes de performance liés aux Third Parties ? En effet, les fonts Google font partie du chemin critique de rendu de la page : c’est une ressource nécessaire pour l’affichage du texte.
Le Start Render exprime le moment où une page web affiche le premier élément dans le navigateur, quelles que soient sa taille ou sa pertinence pour l’internaute. Il est directement lié à la vitesse perçue.
Le Content Delivery Network (CDN) fait partie des techniques de base pour optimiser la performance des pages web. Il permet de rapprocher le contenu des utilisateurs en assurant un rôle de “relais” pour sa diffusion sur internet. Grâce à cette technique, la distance que doivent parcourir les fichiers de données du serveur au navigateur du visiteur est la plus courte possible - et plus le chemin est court, plus la réponse est rapide.
Utiliser un CDN est souvent le premier réflexe pour réduire la latence et optimiser la vitesse de chargement des pages web.
Mais comment mesurer l’impact ? Faut-il s’équiper d’un CDN ou de plusieurs ? Et comment choisir ?
Lumière sur cette solution incontournable pour améliorer l'expérience utilisateur, mais qui, nous allons le voir, ne suffit pas à elle seule
Le Budget performance est un dispositif que toutes les équipes – IT et marketing – devraient mettre en place en tant que garantes de la webperf !
Cette notion a fait son apparition en 2013. Il ne s’agit pas d’un budget en monnaie sonnante et trébuchante, mais plutôt d’objectifs et d’indicateurs à maintenir pour assurer la vitesse de votre site. Vous n’en n’avez encore jamais établi ? C’est peut-être le moment de vous y mettre, nous allons vous expliquer pourquoi et comment.
En tant qu’éditeur de site web, vous avez la main sur son contenu (images, texte...), son architecture, son design, ses différentes fonctions… Et même si vous mettez en place toutes les optimisations et les bonnes pratiques pour une expérience utilisateur optimale, les conditions de navigation de vos internautes ne dépendent pas de vous (niveau de performance selon le type de device et du réseau, notamment).
Explorons l’un des risques que représente JavaScript pour la vitesse de chargement sur les mobiles peu puissants, avec un retour d’expérience de Jean-Pierre Vincent, Consultant expert en performance web.
Comment optimiser votre code et votre JavaScript pour améliorer votre vitesse de chargement ? Voyons les différences entre les attributs synchrone, asynchrone et defer, et en quoi utiliser du JavaScript asynchrone à foison peut être contre-productif pour la vitesse et les performances de vos pages web.
Pour compléter notre billet sur le waterfall, nous publions ici une traduction de l’article original de Matthew Hobbs sur son blog nooshu.com (en anglais). L’article original est régulièrement enrichi, nous ajouterons les nouveaux éléments au fur et à mesure. Notez que certains des liens présents dans cet article renvoient vers des publications originales également en anglais.
Pour mesurer vos temps de chargement ou une analyse de votre performance web (webperf), vous êtes nombreux à utiliser l'outil gratuit PageSpeed Insights et à observer la note obtenue. C'est un indicateur de la qualité de votre expérience utilisateur. Mais au fait, comment ce score est-il calculé ? Que signifie d’atteindre une note de 50, 70 ou 90, et est-il possible d'atteindre 100 ? Voyons comment Google fait ses comptes.
Vous connaissez peut-être déjà ces données : 53 % des mobinautes quittent une page si elle met plus de 3 secondes à se charger et jusqu’à 49% des utilisateur.rice.s qui rencontrent des problèmes de chargement pendant une transaction quittent le site et vont potentiellement chez un concurrent.
A l'approche des soldes comment mettre toutes les chances de votre côté pour tenir la charge et garantir une expérience optimale à vos utilisateur.rice.s malgré les pics de fréquentation ? Voici 6 écueils à éviter à tout prix.
L’optimisation des performances d’un site est cruciale pour l’expérience utilisateur et pour le business, mais si elle n’est pas automatisée, elle nécessite des ressources qui ne sont pas toujours disponibles. Et c’est justement là que nous intervenons.