One List To Rule Them All nerdy.dev/cascading-se... #CSS

On the Chrome team, we've a cool new origin trial for you to try in your apps: the Proofreader API: developer.chrome.com/docs/ai/proo.... ❌ tyop → ✅ typo ```js await (await Proofreader.create({ expectedInputLanguages: ['en'], })).proofread( 'Let us knwo how it foes', ); ``` #BuiltInAI #WebAI

📣 New version Perfetto v52.0 github.com/google/perfe... #WebPerf #PerfTools

200+ Resources to Become a Great Engineering Leader in 2025 newsletter.eng-leadership.com/p/200-resour..., by @gregorojstersek.bsky.social #Engineering

A basic package to quickly check if your npm project is using malicious versions of npm packages github.com/oegea/is-my-...

#TIL You can sent multiple Server-Timing headers

#WebPerfTip If you need a GitHub Action to automatically compresses JPEGs, PNGs and WebPs in pull requests, IMHO this is the best option #WebPerf #ImagePerf #PerfTools #Image

Want to debug your web app’s performance? DevTools has the answers: you just need to know where to look. @rviscomi.dev explains the hidden, upcoming, and all-around useful features of the Performance panel at SquiggleConf 2024. youtu.be/nJ-h7UWdXZA

👀 I’ve been working on a little something! There’s a link to the demo in the video description. www.youtube.com/watch?v=IMww...

Do you have a website with international visitors? Check the Time to First Byte (TTFB) from different locations, and create a plan to improve it if your visitors are having a bad experience. Start testing today, links in the first comment. #WebPerf #PerfTools #Performance #TTFB

🔍 Found in a recent web performance audit: favicon.ico → 301 redirect → broken URL → returns 13 MB uncompressed HTML ⚠️ Even tiny assets can slow your site if misconfigured. Check static files (favicon, images, CSS, JS) — small issues add up #WebPerf #WebPerformance #Frontend #DevTips

🇪🇪 🇨🇦 🇪🇸 🇮🇳 🇿🇦 Building quite the community over here! Get involved: csswizardry.gumroad.com/l/subscribe

I appreciate all 18 of you! +1 rank gained is still a plus in my book. 2025.stateofcss.com/en-US/other-...

In a Web Performance book, when technical references are made, which would you prefer? 1️⃣ Link to external refs, keeping reading high-level 2️⃣ Go into detail with the tech explanation 3️⃣ Both, deep dive in a distinct visual format so it can be skipped if desired e.g.: Avoid long tasks in JavaScript

I'm in ☺️

📉 E-commerce site with LCP > 6s, INP > 2800ms, CLS > 1.1 Broken UX = lost sales. 💡 Performance isn’t just for devs. It’s key to convert, retain, and grow. Is your site fast enough to keep up with your customers? #WebPerf #UX #CRO #eCommerce

This is me a couple of days before the first release of PostCSS. From my new article about the history of PostCSS and the lessons I learned from it (for example, how to break an API when you have 400M downloads per month). evilmartians.com/chronicles/w...

Same code, same infrastructure, different context. Web performance is sometimes an ‘us thing’ and sometimes a ‘them thing’. For better or worse, we have a responsibility to cater to both.

I’m currently conducting a Web Perf Review for a client, and it’s the perfect excuse to revisit @kurtextrem.de’s brilliant article “How To Improve INP: Yield Patterns.” Hands down, one of the best reads out there if you want to truly understand and apply this pattern #WebPerf #INP #CoreWebVitals

If you liked the embedded WebPageTest.org traces in my latest blog[1], I cleaned up the code and wrote some docs for it: github.com/slightlyoff/wpt-… You can grab it via NPM: npmjs.com/package/@slightl… [1]: infrequently.org/2025/06/conferen…

#WebPerfTip Avoid embedding raster images directly in SVGs ℹ️ In this case, the image is a vector graphic #WebPerf #Perfomance #WPO #ImagePerf

This essential post by @tammyeverts.com chimes with my experiences; teams I talk with don't understand that there are huge gains to be had when they finally get perf under thresholds that they think of as "impossible" with today's JS-laden stacks: speedcurve.com/blog/web-perform…

Thanks for all the performance tips & knowledge you shared with us @perf.reviews. Great storytelling & rhythm, hidden gems, and very concrete materials. @backmarketeng.bsky.social folks were captivated, and locked on the leads you provided. Highly recommended!

it’s very generous! i think, just as now, the main problem will be ensuring i take holiday - and not coding while in holiday 😭 (actually i find i come up with the best ideas when i’m somewhat offline) roe.dev/ama #ama

This week, we had the great opportunity to deliver the Web Performance Workshop to the amazing tech team at Back Market It was two days of sharing knowledge, answering questions, and identifying areas for improvement. #WebPerf #WebPerfTraining #PerfReviews

"The secret to building large apps is never to build large apps. Break your applications into small pieces. Then, assemble those testable, bite-sized pieces into your big application."

CSS now has "if conditions"! Check out how you can create media() and style() if conditions :D #css

The Case for Software Craftsmanship in the Era of Vibes As software engineers, we should measure our contribution not in lines of code generated, but in reliable, well-designed systems that are easy to change and a pleasure to use. zed.dev/blog/softwar...

SPDY RECAP in 60 seconds: Estela Franco @guaca.bsky.social shares potential impact of Early Hints at Shopify 🎥 Full Video: www.youtube.com/watch?v=d0EC...

👉 @anthropic.com's Prompt Engineering Interactive Tutorial - Structure of a good prompt - Common failure modes and learn the '80/20' techniques to address them - Understand Claude's strengths and weaknesses - Build strong prompts from scratch github.com/anthropics/p... #AI #PromptEngineering

👋🏼 GDE colleagues, my friend Carlos Azaustre has just published an Activity Reporting MCP Server to publish to Advocu www.npmjs.com/package/advo... #GDE

Bold Brew (bbrew) - A Homebrew TUI Manager github.com/Valkyrie00/b... #CLI #TUI #CommandLine

Record and analyze a performance trace #DevToolsTips www.youtube.com/watch?v=7A70... #WebPerf #PerfTools

How to style console logs: Color and more! #DevToolsTips www.youtube.com/watch?v=01TC...

Performance debugging in DevTools youtu.be/BHqxD9qr6Gw?... #WebPerf #Perfomance #DevTools #PerfDebugging

Practical built-in AI with Gemini Nano in Chrome www.youtube.com/watch?v=CjpZ... by @tomayac.com #AI #ArtificialIntelligence #Chrome #WebAI

Prompt Engineering Interactive Tutorial, by @anthropic.com github.com/anthropics/p... #AI #ArtificialIntelligence #PromptEngineering #Engineering

CSS if() functions & reading-flow (in Chrome 137) www.youtube.com/watch?v=Apn8... by @una.im #CSS #Web #Chrome

The Definitive Guide to Long Animation Frames (LoAF) www.speedcurve.com/blog/guide-l... #WebPerf #Performance

6 Ways Slack, Notion, and VSCode Improved Electron App Performance palette.dev/blog/improvi... #WebPerf #Performance

🔥 Simpler browser support info has landed in VS Code! Hover over any CSS property or HTML element or attribute and now you'll see its Baseline status 📝 web.dev/blog/baselin...

🚨 Calling all web experts! 🚨 The 2025 Web Almanac is still open for contributors! Know someone perfect for it? Mention them here and help us reach the right folks. 🙌 📢 Please help us spread the word! 🔗 Learn more: github.com/HTTPArchive/...

It's that time of year where the web almanac is seeking contributors for the next edition. It takes a fair amount of work,but it's ridiculously rewarding, & guaranteed warm fuzzy feelings when you see the chapter you contributed towards published. I encourage you to give it a go see:

I work on a site which had really bad CLS scores. But it wasn’t “real CLS”, it was due to a graph tooltip that showed on hover (which doesn’t count as a user interaction, for good reasons), and followed the user as they panned along the graph. So I put off fixing it as it wasn’t a priority. 🧵1/6

How To Improve INP: Yield Patterns kurtextrem.de/posts/improv... by @kurtextrem.de #WebPerf #Performance #INP

Thanks for the shout-out, Joan! We agree – the Vitals heatmap is a crucial tool for debugging INP and LCP issues! 🚀 Tim Kadlec (@tkadlec.bsky.social) wrote this great post that walks through how to use the heatmap, for anyone who's interested in learning more: www.speedcurve.com/blog/providi...

#WebPerfTip RUM's web performance tools help us identify performance issues; please use IDs on the most important elements (elements that can potentially affect the UX) to assist us in debugging web performance #WebPerf #Performance #WebPerfTools

Fascinating deep dive by @iamtk.bsky.social on tracking down an LCP issue: www.iamtk.co/optimizing-n... It’s a lot of work for what some might see as a small gain, but uncovered (and fixed!) real issues that might otherwise have gone unnoticed.

#WebPerfTip If you use "rel=dns-prefetch" to support older browsers, use separate link tags to safely implement the fallback. ⚠️ Putting "dns-prefetch" and "preconnect" in the same <link> causes a Safari bug where "preconnect" gets cancelled. #WebPerf

Reduced style recalculations to improve Interaction to Next Paint (INP). Avoiding unnecessary recalculations made the interface more responsive. Small fixes like this directly impact perceived speed and UX. #WebPerf #React #INP #PerformanceMatters #ReactOptimization #UX