There's been a lot of discussion about masonry in CSS recently and whether it lives in the grid spec. This post explains a different approach, that still enables the track sizing and other features from grid. developer.chrome.com/blog/masonry

This is quite big news IMHO!

Feeling intimidated by the Chrome DevTools Performance Panel and INP?

This is a fantastic video from Brendan Kenny with step by step instructions on dig into responsiveness issues. Guaranteed you'll learn a lot about how to debug these - I did!

youtube.com/watch?v=cmtfM4…

FYI: GPT, AdSense and Google Analytics are already delaying activation on Prerendered pages via Speculation Rules before the page is activated.
Looking forward to hear about more 3Ps doing the same.
developer.chrome.com/docs/web-platf…

📣 Hey dev Twitterverse! PSA:

Scott Jehl is working on a Web Components course:

🔗 scottjehl.com/learn/webcompo…

Presale starts soon. Email signups are open! 💌

This course is for you if you care about building dynamic, fast, resilient apps using native Web platform features. 🙋‍♀️

Debugging is like being the detective in a crime where you are also the murderer. Following the clues of an idiot

Since early 90s, I'm hearing that software engineers will be replaced by machines one way or the other. Since then, the demand for software engineers only exponentially increased. Builders will keep building, occasionally with newer tools.

Today in webperf DevRel land:

Why when I cheat the LCP metric, is the advice Lighthouse gives not that useful to improve it further?

Sigh...

🫨TIL! You can inspect prerendered pages in DevTools with that dropdown. Barry Pollard
#webdevelopment #webperformance #ChromeDevTools

In this #DevToolsTips , Jecelyn Yeen 🐟 walks you through the DevTools override and mock network responses.

You can temporarily change resources and even test different scenarios locally without impacting your live website. 💥 → goo.gle/4b6OHho

Excited (and a little nervous!) to be giving my first live talk at Google I/O (gulp!) in three weeks time on Instant Loading.

io.google/2024/explore/2…

Looking forward to meeting up with so many people and having some great chats!

'If I click it BOOM instant!'

Love to see Speculation Rules gaining more and more traction! Have you added it to your website yet?

Ok my head hurts now. I'm glad this is in one place though so I can refer to it in future.

Inspired by Jeff Dean (@🏡)'s seminal 'Latency numbers every programmer should know' I collected and curated 'Latency numbers every frontend developer should know'
From 5G millimeter-wave internet connections to hot potato routing around the globe
vercel.com/blog/latency-n…

events.perfplanet.com is live now! See what Web Performance events are coming up and add your event using the submission form (events.perfplanet.com/newevent.php) or the github repo (github.com/stoyan/events.…)

LoAF documented on MDN!

Including browser support (which also then feeds through to Can I Use...).

It’s marked as “experimental” as per MDN policy until at least 1 other browser engine supports it, but it’s fully shipped in Chrome and ready to use to help you debug your INP issues.

Most surreal photos you'll ever see - thread 🧵

1. Eruption on Mount Etna gives the illusion of a Phoenix in the sky

The past months I've been working on a video course to teach you all about Scroll-Driven Animations in CSS and JavaScript.

youtube.com/shorts/W1la5yV…

Expect the full series to drop later this month 🤩

Yesterday I gave a talk about font performance at Web Performance NY. Using the HTTP Archive 💾 I was able to share examples of sites that could benefit from #webperf optimizations on font files. The talk was recorded and will be shared soon, but here's the slides! slideshare.net/slideshow/font…

Over 8,000 WordPress sites are using this plugin now!

wordpress.org/plugins/specul…

If you've a WordPress site, that you wanna make faster, then you should check it out.