Double Slash & Trikaya LiveStream : deux podcasts sur la webperf

Après plusieurs années de silence radio, j’ai décidé de « sortir de l’ombre » pour parler de mon sujet de prédilection, la webperf. Démarche initiée avec une première conférence au WordCamp de Lyon fin 2022, puis poursuivie ce mois-ci à travers des interventions virtuelles. J’ai en effet été invité à participer à deux podcasts vidéo bien connus : Double Slash et Trikaya LiveStream.

Double Slash #64 : « La web performance en 2023 avec Eroan Boyer »

Animé par Patrick Faramaz et Alex Duval, le podcast cible les développeurs web au sens large. J’y suis intervenu pour aborder plusieurs sujets :

• Doit-on faire de la Web Performance ?
• Est-ce que c’est important d’avoir un site rapide ?
• Quels sont les indicateurs de performance ?
• Quel est le niveau technique général des dev sur la Web Performance ?
• Les interventions de l’agence Web Performance
• Les erreurs courantes des développeurs sur la Web Performance
• La métrique TTFB
• Un CDN, pertinent ou pas ?
• Les scripts tiers
• Party Town pour sortir les scripts tiers du main thread
• Les outils pour mesurer la Web Performance
• S’informer sur la Web Performance
• La performance côté back et DB
• Over engineering les dernières années ?

Vous pouvez consulter les infos détaillées sur ce podcast webperf ou bien le regarder dès à présent en vidéo :

Un grand merci à Patrick et Alex pour cette belle expérience !

Trikaya LiveStream : « La webperformance de A à Z avec Eroan Boyer »

Animé par Frédérik Bobet alias Doeurf, ce podcast diffusé en live sur YouTube et Twitch cible les SEO. J’y ai abordé énormément de sujets durant près de 2h45 :

• Pourquoi la webperf me passionne-t-elle ?
• Performance back (TTFB) vs. performance front : le grand écart
• Comment Google porte le sujet de la webperf
• Focus sur les temps de réponse serveur dans la Google Search Console (crawl budget)
• Utilisation des devtools pour auditer un site web en live : Le Dauphiné
• L’impact des CMP sur la performance, LCP et Blocking Time
• Analyse de la performance via l’onglet réseau des devtools : protocole, compression, priorisation…
• Les ressources tierces et leur impact sur la webperf, notamment côté connexion dns/tcp/tls
• Priorisation du LCP lorsqu’il s’agit d’images
• Analyse d’un rapport Webpagetest et analyse d’une waterfall
• Les outils pour détecter les éléments à l’origine de Layout Shifts (métrique CLS)
• Les données Real User Monitoring (RUM) via l’API JavaScript webvitals.js
• Complexité de l’interprétation des données d’utilisateurs réels vs. impact business
• Les frameworks pour créer des sites performants : Bootstrap vs. Tailwind
• Les serveurs web : Apache vs. Nginx vs. LiteSpeed
• Préprocesseurs CSS : gare à la génération de sélecteurs CSS trop complexes
• Les hébergeurs : OVH vs. o2switch vs. VPS ou dédié avec administrateur serveur
• Critical CSS : gare aux implémentations bancales génératrices de repaint et reflows
• Focus sur des sites rapides : deux cas concrets passés au crible
• PageSpeed Insights mobile : mais pourquoi est-il aussi méchant ?
• Le CLS lié aux fontes : mise en place de fontes de fallback optimisées
• L’importance de comprendre le fonctionnement du navigateur : connexion, rendu, priorisation…
• Attention aux métriques, Core Web Vitals en tête : cela reste un outil de mesure, pas une fin en soi
• Outils synthétiques vs. données terrain : gare aux mauvaises interprétations
• Les prestations d’audit et d’optimisation de l’Agence Web Performance
• Peut-on tricher avec les Core Web Vitals ?

Une belle rencontre, très heureux d’avoir échangé avec Fred que je remercie 🙏

Dernière mise à jour le le 17 mai 2023