Medhat Dawoud

Chrome 151 shipped the Soft Navigations API, so SPAs finally get Core Web Vitals per page 🎉 • soft-navigation: one entry per route change • interaction-contentful-paint: its LCP Or use web-vitals with reportSoftNavs: true 👇 medhat.dev/blog/soft-na... Thanks @tunetheweb.com 🙏

JPEG XL is newly available in all major engines, but how does it stack up against other formats?

Shipped a few things in Appreciate Button, the open-source clap/like button for any website: 🎨 try the demo with other icons and any colour 🎯 suggested icons when you create a button 👏 a 5-clap demo that fills fast One script tag, no cookies. appreciate-button.com

I still think "tree shaking" should be called "tree trimming" 🌲 Either way, before you add an npm package, check its bundle size and how tolerant it is to tree shaking, large bundle libraries are one of the core reasons websites get slow. medhat.dev/blog/what-ma...

I made this video with Opus 5.5 with a single prompt 👇

medhat.dev/blog/renewed...

medhat.dev/blog/why-bro...

@sachagreif.com kicked off the keynotes at @jsnation.gitnation.org Wow the audience is huge

Attending JSNation event today and tomorrow

Today's my birthday 🎂 I'm not asking for wishes. I'm asking for a visit on Product Hunt. Bragduck is live 🦆 — a CLI-powered career journal that auto-logs your GitHub/GitLab/Jira wins and turns them into AI brag docs. Best birthday gift ever 👉 www.producthunt.com/products/bra...

Proud to share that @GoogleDevExpert has extended my recognition as a Performance expert for a 5th year. Thankful for the trust and excited to continue contributing to the dev community in 2026.

I am so happy and honored to be speaking at Performance.sync() meetup for the 2nd time, medhat.dev/talks#perfor... FYI: if you don't know it yet, it is a highly respected free meetup prior to the @perfnow.nl which is full of perf enthusiasts 🚀 cannot wait to meet everyone #PerfNow

I've been thinking about migrating away from @vercel.com for a long time but this seals the deal. @render.com already hosts quite a lot of the State of surveys infrastructure, I'm sure it'll handle the Next.js apps just fine. x.com/rauchg/statu...

fuck vercel, fuck Next.js, fuck Svelte, fuck Turborepo, fuck SWR, fuck SWC Posing with the architect of a genocide for sales leads is an insane and deeply immoral stance these projects cannot separate themselves from the CEO of the company who funds them

New podcast episode with @sachagreif.com, creator of the State of JS, React & AI surveys. Hosted by @medhat.dev. • The story behind State of JS • AI’s impact on dev trends • Why community matters Watch the full episode: youtu.be/Y04RC70fxA4 Join us at JSNation US: jsnation.us?utm_source=b...

🤔 Curious about… ▪️Frontend’s Lost Decade ▪️Why web standards matter ▪️The future of browsers Watch the episode with ‪‪Alex Russell‬‬, Microsoft Partner PM on the Edge team, & @medhat.dev, GDE & public speaker: youtu.be/2hl0dE7dKog 🌆Meet cool devs at JSNation US: jsnation.us?utm_source=b...

Excited to share that I'll be in Berlin 🇩🇪 next week to speak at the @wearedevelopers.bsky.social conference! Looking forward to connecting with fellow developers and tech enthusiasts — hope to see you there! www.wearedevelopers.com/world-congre...

These past couple of weeks have been hard. I lost my dad, and everything has felt different since. I’ve kept going, mostly through work, but outside of that… it has been hard to engage. I’m not back to full speed, and maybe I won’t be for a while. But I’m ready to reconnect. Slowly, honestly.

Two weeks ago, I had the honor to speak at one of my fav conferences in Amsterdam @devworldconference.bsky.social The vibes were so good and I gathered a very nice feedback on my talk, stay tuned and I will share the recording once they make it available 😉

Ramadan Mubarak to everyone 🌙 I hope this month brings you peace, health, and spiritual fulfillment

All mugs were gone in speakers room at #DevWorld, got my last coffee in a cup. Cheers ☕️

Attending the first day and the vibes are already on 🚀 any one here attending too?

Keep in mind that the more sizes you include, the less likely you are to get a cache hit which can be worse for performance than a slightly mis-sized image. For example, there isn't enough of a difference between 600 and 640 px to make it worth that difference.

Today is the day for me to speak about #speculationrules

Meet our speakers for the upcoming #ReactAmsterdamMeetup! • @mickey.studio - Design System with Composition Patterns • Bart Brinkman - Rebuilding a Customer-Facing App With React-Admin • @medhat.dev - Speculation Rules 📅 January 23 📍 Foleon office 🔗 Register here: guild.host/events/react...

As I used to do for the past 4 years, here is my 2024 recap in terms of content creation, career, and life updates, not necessarily useful for everyone to read but hopefully it could inspire someone. 🤞 medhat.dev/blog/2024-re...

Lots of UI/UX improvements were unlocked with this release 🥳, and it was all made possible thanks to valuable feedback from the community and high-quality contributions! 🥰 If you're looking to contribute, a roadmap is coming out soon! We will have plenty to build and ship! 🚢

▶️Check out the talk recording "Building a Fast Website for Every Single Visitor" by @medhat.dev! Watch it here👇 gitnation.com/contents/bui...

I think “tree shaking” is a bad naming for what it does, should be named “tree trimming” instead 🌲thank about it

🎉

A couple of photos to a random cat 🐈 in Rabat turn out to look so nice on iphone with so little coloring

@medhat.dev at #ReactAfrica

Flying today to Casablanca 🇲🇦 to speak at React Africa tomorrow about: “What You need to Optimize after React Compiler” ⚠️ I will spam you with posts about Morocco and the conference in the next few days so stay tuned #ReactAfrica #ReactCompiler #webperf

This is great

My talk "Building a Fast Website for Every Single Visitor" is now available for everyone. Check it out! gitnation.com/contents/bui... #webperf

React Compiler is great but not like Harry Potter’s wand, You can’t just point it to a slow app and say “performance repairoo!!” And it magically turns it to super fast If you have stories with it not being magical as it seems, please write it here, preparing a talk about it and would be useful

As of Chrome 131 you have more options to style `<details>` and `<summary>`. You can now use of the `display` property on these elements, and also use a `::details-content` pseudo-element to style the part that expands and collapses. developer.chrome.com/blog/styling...

Hey everyone! I ended my #perfnow talk by asking you all to consider contributing to the broader #webperf community. And one project I called out was e18e.dev. They're trying to connect together people working on JS packages performance (example below). Please consider joining their discord!

📝 Put your pencils down—now you can annotate traces directly in the performance panel! + Label time ranges + Label individual entries + Connect entries together Alina Varkki walks you through all of the new features in today's blog post 👇 developer.chrome.com/blog/devtool...

“580K Sites load images from S3 instead of a CDN 200K Sites load more than 1MB from S3” Great talk by Paul Calvano at @perfnow.bsky.social #perfnow #WebPerf #ImagePerf