Archives de catégorie : Bonnes pratiques

Qu’elles soient automatisées ou non sur DareBoost.com, retrouvez en détail les bonnes pratiques de performance et de qualité web. Cet espace est aussi le vôtre, n’hésitez pas à nous proposer votre article, ou un sujet que vous souhaiteriez nous voir traiter.

Mesurer l’interactivité avec le TTI : Time To (consistently) Interactive

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 Mesurer l’interactivité avec le TTI : Time To (consistently) Interactive

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

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

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)

Optimisation de vos pages web : le Top 2018 des conseils Dareboost

Quels sont, parmi les nombreux conseils délivrés nos rapports d’analyse, ceux qui interpellent le plus celles et ceux qui ont testé leurs pages web ? Nous avons examiné les résultats de plus de 270.000 audits sur Dareboost et la manière dont les rapports générés par notre outil ont été consultés. Pour en ressortir un focus sur les bonnes pratiques les plus “cliquées” du moment. Continuer la lecture de Optimisation de vos pages web : le Top 2018 des conseils Dareboost

[Use Case] Quand Dareboost utilise les Custom Timings pour son propre site web

Bien que nous soyons des spécialistes de la performance Web, cela ne nous donne aucun super-pouvoir. Nous avons, nous aussi, besoin d’outils pour analyser nos sites et applications. Alors quand nous avons finalisé notre nouvelle fonctionnalité de Custom Timings, nous nous sommes bien sûr empressés de la tester sur Dareboost.com… Pour y trouver un intérêt immédiat. Continuer la lecture de [Use Case] Quand Dareboost utilise les Custom Timings pour son propre site web

Tag managers : quelle incidence sur la performance web ?

L’utilisation d’un système de Tag Management – comme Google Tag Manager ou TagCommander – pour gérer des fonctionnalités/scripts externes présents sur vos pages web revêt de multiples intérêts, notamment pour les services marketing. Côté performance web, l’impact de ces outils n’est pas neutre. Explications. Continuer la lecture de Tag managers : quelle incidence sur la performance web ?

Déployer CSP : une approche en 5 étapes

Peut-être avez-vous vu ce conseil chez Dareboost vous encourageant à mettre en place une politique de sécurité sur la provenance de vos ressources. Mais peut-être n’avez-vous pas encore franchi le cap. Pour vous aider à sauter le pas, je vous propose quelques conseils sur son déploiement, tirés de mon expérience.

Continuer la lecture de Déployer CSP : une approche en 5 étapes

API User Timing : la mesure de la performance plus pertinente que jamais avec les Custom Timings

Vous en avez peut-être rêvé : pouvoir mesurer exactement à quel instant une image s’affiche ou à quel moment un script en particulier s’exécute, et suivre cette mesure avec vos outils favoris. C’est possible, grâce à l’API User Timing, en positionnant des marqueurs partout où vous en avez besoin sur vos pages web ! Une fonctionnalité supportée par tous les navigateurs récents, et que Dareboost vous permettra bientôt d’exploiter à une tout autre échelle. Continuer la lecture de API User Timing : la mesure de la performance plus pertinente que jamais avec les Custom Timings

Meilleure UX et performances : JAMStack, la nouvelle donne du web statique

Générateurs de sites statiques, CMS « headless », plateformes d’intégration continue et de déploiement… depuis plusieurs années, une nouvelle gamme de solutions émerge dans le paysage des technologies web. Ces solutions contribuent à une tendance globale qui ressemble à un retour aux sources du Web. On parle de « La mouvance statique » ou de la « JAMStack » mais aucun de ces noms ne caractérise vraiment ce qui n’est pas moins qu’une nouvelle façon d’architecturer des applications web.

Continuer la lecture de Meilleure UX et performances : JAMStack, la nouvelle donne du web statique

Speed Index : tout savoir sur cet indicateur majeur de la performance web

C’est un credo chez Dareboost : pour rendre compte de la performance globale de vos pages web, il est nécessaire de s’appuyer sur plusieurs indicateurs. Toutefois, certains se montrent plus synthétiques et révélateurs que d’autres. Et à ce jour, nous considérons le Speed Index comme l’un des indicateurs les plus importants à analyser. Revenons sur les raisons qui font du Speed Index une mesure essentielle : que retranscrit cet indice ? Comment le calcule-t-on ? Comment interpréter correctement les valeurs obtenues ? Continuer la lecture de Speed Index : tout savoir sur cet indicateur majeur de la performance web