Grilled Cheese

ExploreLog inSign up

Joan León

@nucliweb.net

508 Following1.8k Followers

⚡️ Web Performance Artisan at @perf.reviews | Google Dev Expert in Web Tech | Cloudinary Ambassador | ❤️ Image Optimization | Girona

PostsRepliesMedia
@nucliweb.netOct 9, 2026, 2:33 PM

Thank you so much @veneman.dev 🥰

Two awesome new stickers on my laptop from a great project: @projectwallace.com

#CSS #CSSTools #WebPerfTools

A laptop covered in colorful tech stickers, including two new stickers: a bright CSS green “CSS” design over a lightning bolt and a black “CHAOTIC STYLE SHEETS” sticker with the same green lettering drawn over the white text. Other stickers feature web development tools, browsers, performance testing, and developer communities.
@foolip.orgOct 6, 2026, 7:09 PMReposted by @nucliweb.net

JPEG XL shipped in Chrome 155 today, try it out!

Huge kudos to Luca and team for getting this done. Image codecs are cool in so many levels, and I'm super impressed by the people who make that magic happen.

developer.chrome.com/blog/jpeg-xl...

@nucliweb.netOct 5, 2026, 9:44 PM

During a perf audit for a client, I read this in a PR: "The module should only be loaded once, not every time a file is selected." When I read it, something didn't add up, so I started digging. And the result surprised me.

I wrote a post joanleon.dev/en/dynamic-i...

#JS #WebPerf

@nucliweb.netSep 30, 2026, 7:57 AM

I don’t turn single outliers into tests. Tests come from segments with volume: p75 device, connection and the top paths by traffic. Outliers go to investigation first; if the pattern repeats across sessions, then it earns a test.

@nucliweb.netSep 30, 2026, 7:55 AM

100%. The goal is lab tests that look like real users: same devices, same conditions, same paths. The MCP is making that loop really fast.

@benschwarz.bsky.socialSep 29, 2026, 5:48 AMReposted by @nucliweb.net

How far ahead browsers fetch lazy images: • Chrome: 1,250px on 4G, 2,500px on 3G, 6,000px (!!) on 2G • Firefox: 600px, on any connection • Safari: one viewport. Lazy iframes: 0px, they wait until on screen

@nucliweb.netSep 29, 2026, 6:25 PM

One thing I’m experimenting with for a performance audit:

Using RUM data + @debugbear.com MCP to build synthetic tests based on how the product is actually used

RUM → real user behaviour → MCP → representative synthetic tests

www.debugbear.com/docs/mcp

#WebPerf #RUM #MCP

@nucliweb.netSep 29, 2026, 7:17 AM

And thanks to @carlesnunez.bsky.social too for the @framer.com sticker ☺️

@nucliweb.netSep 29, 2026, 7:17 AM

Thank you to @en.sitnik.es for the @evilmartians.com sticker ☺️

@nucliweb.netSep 20, 2026, 2:04 PM

The case against JPEG XL

Investigating JPEG XL's place as a Web image codec, by @giannirosato.com, via @webperfreport.bsky.social

giannirosato.com/blog/post/ca...

#JPEGXL #JXL #ImagePerf #WebPerf

A dark-themed line chart titled “SSIMULACRA2,” showing BD-Rate (%) versus encoding speed in milliseconds for several image codecs. Colored lines compare codecs including AOM, JPEG XL, aperture-alpha, Iris-WebP, libjxl, SVT-AV1, and libwebp, with labeled data points. Most curves show higher BD-Rate at slower speeds, while some reach negative BD-Rate at faster speeds.
@nucliweb.netSep 16, 2026, 6:32 PM

I added WebMCP to the GeeksCAT Conf 2026 website, so an agent can ask for the schedule, the speakers or the event details as tools instead of reading the HTML.

It's a static Astro site, so I go through it layer by layer.

joanleon.dev/en/webmcp-st...

#WebMCP

@developer.chrome.comSep 16, 2026, 6:30 PMReposted by @nucliweb.net

We created Modern Web Guidance to bring web platform expertise right into your agent workflows. Have you tried pairing these skills with Chrome DevTools for agents to audit performance and automatically fix code?

Check it out and join 10K+ web developers who are coding smarter → goo.gle/4yEVz1h

@nucliweb.netSep 7, 2026, 10:17 AM

P75 is green: LCP 1.58s, INP 176ms, CLS 0.01. P90: LCP 2.68s, INP 352ms, CLS 0.17. 15% of visits get a noticeably worse experience.

Product Performance doesn't end once you pass CrUX: if P75 is good, work on P90.

#WebPerf #CoreWebVitals #RUM #ProductPerformance

DebugBear RUM dashboard showing Core Web Vitals at the P75 percentile: Largest Contentful Paint 1.58s, Interaction to Next Paint 176ms, and Cumulative Layout Shift 0.01, all flagged green on the score bar.DebugBear RUM dashboard showing Core Web Vitals at the P90 percentile: Largest Contentful Paint 2.68s, Interaction to Next Paint 352ms, and Cumulative Layout Shift 0.17, all flagged orange or red on the score bar.
@webperfreport.bsky.socialSep 6, 2026, 12:58 PMReposted by @nucliweb.net

⚡Featured posts this week:
✨ Submit your proposals for Interop 2027: @rachelandrew.co.uk
✨ Reading a performance profile: @nucliweb.net
✨ HTML over WebSockets: @androsfenollosa.bsky.social
✨ Intro to Web UX and Speed Optimization: @sergeyche.dev
🙏 Special thanks to the authors!
#webperf

WebPerformance Report performance email preview highlighting optimization scores, Perf Links, and Core Web Vitals metrics on a colorful gradient background.
@tomayac.comAug 28, 2026, 3:12 PMReposted by @nucliweb.net

🤩 Fantastic article by @nucliweb.net on HTTP cache partitioning and the #CrossOriginStorage API: joanleon.dev/en/http-cach.... Try the embedded demos with the COS extension installed or in one of the experimental browser builds (see the Awesome Cross-Origin Storage list: github.com/tomayac/awes...).

@nucliweb.netApr 1, 2026, 8:26 AM

Software is evolving fast.

My focus hasn’t changed: helping teams improve performance, UX, and conversion

AI generates working code faster than ever… but not optimized for performance

That’s where we add value: from “it works” to “it’s excellent”

Reading @addyosmani.bsky.social’s new book

A copy of “Web Performance Engineering in the Age of AI” by Addy Osmani placed on a light wooden surface, showing the cover with a greyhound illustration and a clean, minimalist design.An open book showing Chapter 3 titled “AI-Generated Code and the Performance Paradox,” with printed text discussing how AI-generated code can be functional but not always optimized for performance.An open book showing Chapter 12 titled “Web Performance Case Studies and Success Stories,” with text describing real-world examples of performance optimization and business impact.
@nucliweb.netNov 27, 2024, 11:53 AM

A collection of handy resources for understanding font performance on the web, by @mandymichael.bsky.social

github.com/mandymichael...

#WebPerf #Performance #Fonts

github.comGitHub - mandymichael/font-performance-resources: A collection of handy resources for understanding font performance on the webA collection of handy resources for understanding font performance on the web - mandymichael/font-performance-resources
Terms of UsePrivacy PolicyCommunity StandardsHelpGet the app

Grilled Cheese is a product of Village Compute

Version devBuilt at: 2026-10-11 02:37:10 EDT