Boris Schapira
22h00 14  septembre
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...
22h00 09  juin
Punir la loyauté
Imaginons que vous déployiez, sur votre site, un outil de collecte du consentement lié à vos conditions générales d’utilisation (CGU). Ce consentement se découpe le plus généralement autour de différents usages : consentement à la télémétrie, consentement à la publicité, consentement à la...
22h00 03  juin
Priorités des chargements JavaScript dans Chrome
Je relis et conseille souvent cet article d’Addy Osmani de février 2019 mais mes interlocuteurs et interlocutrices ne sont pas forcément anglophones. J’ai donc décidé de le traduire. Retrouvez l’original sur le blog d’Addy Osmani : JavaScript Loading Priorities in Chrome. La façon dont les...
22h00 01  juin
Maîtrise de soi
Parfois, j’écris un tweet ou un billet de blog et je le supprime. Parce que le monde n’en a pas besoin. Parce que ça peut faire du mal à certaines personnes. Parce qu’il y a d’autres moyens. Parce que je peux vivre sans le publier et que mon public mérite que je ne le fasse pas. S’il vous plait,...
22h00 28  mai
Que penser des Core Web Vitals ?
Il y a quelques semaines, Google a créé une nouvelle appellation pour un jeu d’indicateurs de mesure de l’expérience utilisateur : les Core Web Vitals, ou Signaux Web Essentiels. La nouvelle fait grand bruit dans le monde du SEO, car Google souhaite faire de ces indicateurs des critères de ranking...
22h00 18  mai
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 ?...
22h00 09  mai
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...
22h00 12  octobre
Trackers sur votre domaine, chiffre d’affaire en danger
Dans le Web, des actualités qui peuvent n’avoir rien à voir en apparence peuvent, en réalité, être très liées. Là ou la loi ne suffit pas toujours, le portefeuille finit souvent par l’emporter. Des trackers en 1st party Collecter un maximum de données (et surtout bien les collecter) est un des...
22h00 29  septembre
Custom Timing : attendez la prochaine frame
Les indicateurs habituels de performance web (Premier Octet, Speed Index...) sont très intéressants mais j’ai souvent besoin d’ajouter des marqueurs temporels personnalisés, basés sur des événements qui ont un sens du point de vue métier. J’utilise la User Timing API (voir sur MDN EN ) pour ins...
22h00 15  mai
Mesurer l’interactivité avec le TTI
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...
22h00 18  avril
De retour du Wordcamp Bordeaux 2019
Il y a quelques semaines, j’ai participé au Wordcamp Bordeaux 2019. L’événement se tenait à la Cité Mondiale, en plein cœur des Chartrons, à Bordeaux, dans un espace chaleureux et accessible. Bien que je sois arrivé avec pas mal d’avance, l’accueil fût très bon, d’une part parce que l’équipe ...
22h00 16  avril
Netflix : augmenter la vitesse des vidéos
Il y a quelques mois, j’ai publié un article sur l’augmentation de la luminosité des vidéos Netflix et il a eu un certain succès. Mais que faire si vous avez vraiment besoin d’accélérer votre épisode en cours pour le terminer avant que votre bae arrive ou ralentir les mouvements de Beyoncé pour...
23h00 19  mars
Lazy Loading, des pages web plus rapides sans impact 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...
23h00 27  novembre
Optimisation du temps de compilation de Jekyll
Il y a trois ans, fatigué par WordPress et de sa galaxie de plugins douteux, j’ai décidé de migrer vers un générateur de site statique. Après quelques essais avec diverses solutions, j’ai opté pour Jekyll, dont la communauté me semblait plus mature. Trois ans plus tard, je commence à comprendre...
23h00 18  novembre
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, ou chaque octet ou séquence d’octets représente un caractère donné. Si le...
22h00 06  septembre
Un fichier hosts pour les bloquer tous
En tant qu’expert du domaine, les gens me demandent souvent comment améliorer la performance des sites Web. Parfois, ils me demandent aussi comment améliorer les performances du Web sur leur propre machine, pour leur propre expérience de navigation. Dans ce cas, ma réponse est toujours la même ...
22h00 07  août
Netflix : augmenter la luminosité des vidéos
Mes enfants sont en vacances chez leurs grand-mères, ce qui me laisse beaucoup de temps libre pour binge-watcher des séries TV sur Netflix. Sauf que je trouve que sur Netflix, l’image est souvent trop sombre. Pas vous ? Du coup, entre une partie de PS41 et un chapitre de roman2 (parce qu’il y a...
23h00 21  février
Meilleure UX, meilleures performances : 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...
23h00 17  janvier
Vidéo : optimisez vos MP4 pour de meilleures performances
Le format MP4 représente plus de 75 % des vidéos diffusées sur Internet aujourd’hui. Cependant, il est souvent mal utilisé, ce qui peut dégrader l’expérience utilisateur. Voyons ensemble comment améliorer ça. Évolution des usages des différents types de formats video sur le Web. Source : Données...
23h00 17  décembre
Comment différer l’exécution d’un script ?
Les artistes ne sont pas les seul e s à redouter les pages blanches, les internautes aussi. Leur frustration peut les pousser à abandonner votre site plus tôt qu’ils ou elles ne l’auraient voulu. Pour éviter ça, plusieurs techniques d’optimisation du rendu existent. Comme différer l’analyse et l...