Cumulative Layout Shift, l’indicateur de stabilité de la mise en page

Avez-vous déjà commencé à lire un article d’actualité passionnant, puis perdu votre ligne parce que tout le texte s’est déplacé vers le bas ? Cela m’arrive souvent, surtout à cause des publicités qui se chargent au-dessus du contenu.
Ce type d’expérience utilisateur peut être frustrant, mais jusqu’à présent, nous avons eu du mal à la mesurer quantitativement. Le Cumulative Layout Shift relève ce défi.

Continuer la lecture de Cumulative Layout Shift, l’indicateur de stabilité de la mise en page

Signaux Web essentiels (Core Web Vitals) : un nouveau facteur SEO axé sur la vitesse des pages web

Le rapport de vitesse dans la Google Search Console (récemment renommé «Signaux Web essentiels») propose deux nouveaux indicateurs de performance : CLS et LCP, qui s’ajoutent au FID. Les Signaux Web essentiels (ou Core Web Vitals) ont également été déployés par Google dans des outils tels que Page Speed ​​Insights ou Lighthouse.

Google a récemment annoncé un changement majeur à venir : un nouveau facteur pour le classement de ses résultats de recherche, qui verra le jour en 2021. Dénommé Page Experience et basé sur des objectifs précis à respecter pour les Core Web Vitals. Découvrons Core Web Vitals et les détails de cette mise à jour à venir de l’algorithme de ranking Google.

Continuer la lecture de Signaux Web essentiels (Core Web Vitals) : un nouveau facteur SEO axé sur la vitesse des pages web

Comment optimiser les performance de vos parties tierces

Intégrer des librairies ou services existants de parties tierces permet de gagner en productivité, mais a souvent un coût sur la performance ressentie. Dès lors que vous intégrez du code externe, comment vous assurer que ce code ne viendra pas nuire au rendu et à l’interactivité de votre site ? Explications et propositions pour un code tiers plus performant.

Continuer la lecture de Comment optimiser les performance de vos parties tierces

Preload, Prefetch et Preconnect : accélerez votre site avec les Resource Hints

Pour charger une page web complète, il faut un ensemble de ressources qui, collectivement, permettent l’affichage et l’interaction avec la page. Pour que l’utilisateur ait une impression de vitesse, il peut être nécessaire d’influencer l’ordre de récupération et d’exécution de ces ressources. C’est là que preload et les Resource Hints entrent en jeu.

Continuer la lecture de Preload, Prefetch et Preconnect : accélerez votre site avec les Resource Hints

Comment SeLoger utilise Dareboost pour surveiller ses URL éphémères

Aujourd’hui, nous ouvrons les portes de notre blog à Antonio Gomes Rodrigues et Benjamin Tournache de SeLoger.com, un groupe français spécialisé dans la publication de sites Internet et de journaux pour les petites annonces immobilières. Antonio est en charge des initiatives liées à la performance web et, à ce titre, il répond à des exigences commerciales et techniques très spécifiques.

Continuer la lecture de Comment SeLoger utilise Dareboost pour surveiller ses URL éphémères

Rapport de vitesse de la Search Console : tout ce que vous devez savoir !

Un an après la sortie de la Speed Update, Google a lancé un tout nouveau rapport sur la vitesse dans la Search Console. Le rapport de vitesse utilise les données du rapport d’expérience utilisateur Chrome (ou « CrUX »), pour mettre en évidence les pages lentes de votre site Web. Découvrons dans cet article comment utiliser le rapport de vitesse de la Search Console et comment interpréter les indicateurs de performance associés (FID et FCP). Enfin, nous nous intéresserons à la vitesse de chargement comme critère pour le référencement naturel selon Google, ainsi qu’aux évolutions à attendre autour du rapport de vitesse.

Continuer la lecture de Rapport de vitesse de la Search Console : tout ce que vous devez savoir !

First Contentful Paint (FCP), Start Render, First Paint. Comment bien mesurer la performance du début d’affichage ?

Comment mesurer correctement la vitesse à laquelle une page Web commence à afficher son contenu ? Plusieurs indicateurs de performance Web existent pour répondre à cette question, dont le First Paint, le Start Render et, plus récemment, le First Contentful Paint (FCP). Comment le FCP se démarque-t-il, quelles sont ses limites ? Découvrons ensemble les mesures du début d’affichage des pages Web par le navigateur.

Continuer la lecture de First Contentful Paint (FCP), Start Render, First Paint. Comment bien mesurer la performance du début d’affichage ?

Nouveau rapport de comparaison pour vos benchmarks de sites web

Une nouvelle version de nos rapports de comparaison vient tout juste de sortir ! Avec une ergonomie repensée et de nouvelles données rendues accessibles, il n’aura jamais été aussi simple de vous comparer à vos concurrents et de benchmarker votre marché. 

Après un rapide rappel de pourquoi et comment utiliser cette fonctionnalité de comparaison, nous découvrirons dans cet article les nouveautés de cette dernière version. Continuer la lecture de Nouveau rapport de comparaison pour vos benchmarks de sites web

Passage à Chrome 73 et mise à jour de notre infrastructure

Après plusieurs mois de travail intensif (et une nouvelle cafetière), notre équipe est heureuse de vous annoncer la prochaine mise à jour du service :  le 13 juin prochain (03:20 AM UTC). Au programme : le passage à Chrome 73, une gestion d’accès revue pour les rapports détaillés et une architecture technique repensée pour répondre aux besoins grandissants de nos clients toujours plus nombreux.

Continuer la lecture de Passage à Chrome 73 et mise à jour de notre infrastructure

TTI : Time To (consistently) Interactive pour mesurer l’interactivité des pages

L’objectif de la mesure de la Performance Web est de déterminer le moment à partir duquel une personne visitant la page peut accomplir son objectif efficacement. Cela implique qu’elle puisse consulter le contenu qu’elle cherchait et qu’elle soit en mesure d’interagir avec la page de manière satisfaisante. Certains indicateurs mesurent les étapes du rendu par le navigateur, d’autre la progression de ce rendu par le biais de vidéos. Mais quand il s’agit de mesurer efficacement l’interactivité, le mystère reste entier.

Depuis quelques années maintenant, Google met en avant un indicateur ambigu : le Time To Interactive. De quoi s’agit-il ? C’est ce que nous allons définir, avant d’expliquer comment et quand l’utiliser (ou non).

Continuer la lecture de TTI : Time To (consistently) Interactive pour mesurer l’interactivité des pages

L’amélioration continue de la performance web chez Ouest France

En février 2019, ouest-france.fr a été désigné par le Journal du Net comme le site de presse le plus rapide avec un Speed Index de 4214 sur mobile. C’est l’agence rennaise artwaï, en place chez Ouest-France depuis 2016, qui est en charge, entre autres, de la performance web.

Frédéric Pineau, directeur technique de l’agence, nous explique comment son équipe a mis en place de bonnes pratiques en s’appuyant sur la solution Dareboost.

Continuer la lecture de L’amélioration continue de la performance web chez Ouest France

Une refonte du thème PrestaShop Classic orientée performance et accessibilité

Nous ouvrons aujourd’hui les portes de notre blog à Adonis Karavokyros, de l’agence Prestarocket. Utilisateur de longue date de Dareboost, Adonis va nous présenter comment il a considérablement amélioré les performances et la qualité du thème par défaut de Prestashop (CMS e-commerce). Des optimisations qui ont largement bénéficié à la communauté, puisque cette version optimisée du thème est disponible pour toute la communauté.   

Continuer la lecture de Une refonte du thème PrestaShop Classic orientée performance et accessibilité

Lazy Loading, des pages web plus rapides sans risque SEO

Les images sont au cœur de votre site web ? Si vous prenez la performance de votre site au sérieux, vous les avez probablement optimisées. Mais avez-vous pensé à les charger en Lazy Load ? Le Lazy Load des images améliore l’expérience utilisateur en libérant de la bande passante pour le contenu important.

Certains rejettent la technique pour des questions de SEO. Mais un Lazy Load de vos images ne les empêche pas d’être indexées. Voyons pourquoi vous devriez implémenter un Lazy Load d’images et comment vous assurer qu’il soit compatible avec votre SEO.

Continuer la lecture de Lazy Loading, des pages web plus rapides sans risque SEO

Le monitoring synthétique pour la surveillance de vos parcours utilisateur (monitoring transactionnel)

La simplicité de Dareboost est souvent mise en avant par nos clients. Après avoir travaillé avec nombre d’entre eux pour mieux connaître leurs besoins et bénéficier de leurs retours d’expérience sur le sujet, nous sommes très heureux d’annoncer la nouvelle version de notre fonctionnalité de surveillance de parcours utilisateurs (scénarios). Découvrons pourquoi et comment vous devriez l’utiliser sans plus attendre pour mieux gérer et surveiller l’expérience utilisateur de vos tunnels de conversion.

Continuer la lecture de Le monitoring synthétique pour la surveillance de vos parcours utilisateur (monitoring transactionnel)

5 jours ensemble : prendre du recul pour mieux avancer

Bien que nous travaillions dans la même entreprise, le quotidien de chaque collaborateur de Dareboost est très spécifique. Il y a environ un an, Dareboost a embauché ses premiers télétravailleurs. Une nouvelle organisation était à inventer. Nous ne vivons pas au même endroit, nous n’avons pas les mêmes postes ni les mêmes routines et il n’est pas toujours facile de partager nos succès, nos doutes, nos sentiments. Enthousiastes et immergés dans ce que nous construisons, nous devons aussi prendre du recul, de temps en temps, pour nourrir notre vision et notre culture d’entreprise.

Nous nous rencontrons régulièrement dans les locaux, à Rennes, pour quelques jours de brainstorming où nous alternons entre ateliers, activités couvertes ou extérieures et repas conviviaux (vive la raclette !).

Continuer la lecture de 5 jours ensemble : prendre du recul pour mieux avancer

Content Encoding: pourquoi utiliser la balise meta charset et l’en-tête Content-Type

Améliorer la vitesse à laquelle une page Web est affichée implique souvent de rendre la vie du navigateur aussi facile que possible. Lorsque le navigateur reçoit une réponse HTTP, il reçoit en fait du texte encodé en octets, où chaque octet ou séquence d’octets représente un caractère donné. Si le navigateur ne sait pas clairement quel encodage utiliser, il perdra du temps à essayer de le deviner et sera susceptible d’échouer dans certains cas.

Continuer la lecture de Content Encoding: pourquoi utiliser la balise meta charset et l’en-tête Content-Type

Le premier événement dédié à la performance web en France

Nous avons le plaisir aujourd’hui de vous parler d’un événement que Dareboost co-organise avec l’un des leaders en France du e-commerce et d’autres expert de la performance web : We Love Speed. C’est le 9 octobre à Bordeaux qu’aura lieu cet événement incontournable pour les adeptes de la #webperf.

Continuer la lecture de Le premier événement dédié à la performance web en France

Tag manager & performance web chapitre 2 : une question de rigueur (et de coopération)

L’utilisation d’un tag manager n’est pas sans effet sur la vitesse de chargement de vos pages web. Dans un précédent article, nous avons démontré que cet impact ne se limite pas au chargement asynchrone des scripts qui sont embarqués par cet outil de gestion des balises. Et que les risques de voir le tag manager devenir une source de problèmes – sérieux – pour la performance de votre site web existent bel et bien. Il est donc temps maintenant d’explorer quelques pistes pour gérer au mieux cet outil afin qu’il remplisse ses objectifs marketing sans mettre trop lourdement en péril la vitesse de vos pages. Avec notamment d’intéressantes réflexions délivrées par le Digital Ad Tech Manager de L’Oréal et plusieurs consultants spécialistes du sujet. Continuer la lecture de Tag manager & performance web chapitre 2 : une question de rigueur (et de coopération)

Lighthouse : un outil d’audit puissant embarqué dans Chrome et DevTools

Après nos articles sur Test My Site and Page Speed Insights, notre série consacrée à l’écosystème de la Google Speed Update se poursuit avec un autre outil : Lighthouse.
Disponible depuis 2016 sous la forme d’une extension pour Chrome, Lighthouse est maintenant disponible directement dans Chrome DevTools, via l’onglet « Audits ». Lighthouse est une ressource très utile pour les développeurs qui s’intéressent à la performance et la qualité web. Continuer la lecture de Lighthouse : un outil d’audit puissant embarqué dans Chrome et DevTools

Page Speed Insights : le meilleur outil pour préparer votre site web à la Google Speed Update ?

C’est le second article de notre série consacrée aux outils de Google pour la mesure de la performance web. À quelques semaines seulement de la Speed Update (prise en compte de la vitesse comme critère de ranking mobile, annoncée pour juillet 2018) notre série vous aidera à bénéficier du meilleur des outils disponibles tout en évitant les pièges les plus courants dans leur utilisation. L’outil du jour et peut-être l’un des plus connus : Page Speed Insights. Continuer la lecture de Page Speed Insights : le meilleur outil pour préparer votre site web à la Google Speed Update ?