Joan León 🏞️⚡️
@nucliweb
Followers
12K
Following
46K
Media
6K
Statuses
21K
⚡️ Web Performance Artisan at @perfreviews_ | @GoogleDevExpert in #WebTech | @cloudinary Ambassador
Girona, Catalunya
Joined August 2008
I have published a website with Web Performance Snippets to make it more user-friendly, more orderly, and with a search feature ⚡️💾 https://t.co/fDpDDY46zs
#WebPerf #Performance #PerfTools
webperf-snippets.nucliweb.net
A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools by Joan León
3
48
200
Lazy loading out-of-viewport images can make the main content on your website load faster. ⬇️ Learn how in this video. https://t.co/KqjaZEwsLu
1
1
5
You can now measure LCP and INP scores in both Safari and Firefox! https://t.co/xhZ8G6UJqT
debugbear.com
Firefox and Safari now support LCP and INP Core Web Vitals metrics, providing new insight into real visitor experience.
0
3
9
Missed out Robinhood Presents: YES/NO? Here's a replay for you.
43
117
1K
🚀 MAJOR DevTools Update! I've upgraded the CSS Media Queries Analysis snippet to instantly reveal the hidden cost of shipping unused CSS. Problem: Mobile users often download 50KB+ of desktop-only CSS that blocks rendering and kills performance. New Feature: Performance Impact
1
2
6
⚡Featured posts this week: ✨ Anatomy of a WebPerfReport: @WebPerfReport ✨ WebKit Features for Safari 26.2: @jensimmons ✨ How Monrif improved engagement by 8.9%: Fabrizio Guerra Gianni Onnis ✨ How to load CSS (fast): @yoavweiss 🙏Special thanks to the authors! #webperf
0
1
2
Web Performance Calendae day 13 with Yoav Weiss (@yoavweiss) showing us a clever and creative way to ship *only* critical/necessary CSS for each page type (home, search, etc) *and* also avoid duplicating code in CSS bundles. https://t.co/N5eI5BALBR
calendar.perfplanet.com
Loading styles on the web is something that looks trivial at first. You just add a to your page (or
2
9
37
Slow interactions aren't always caused by specific UI elements, but can also be caused by global tracking scripts. Our new article discusses this and other findings on a real world website: https://t.co/xPcHIhhfai
0
1
1
Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within
The blog post is live! https://t.co/xy7HGwWgFB
12
61
635
I took a look at Core Web Vitals on the Splunk homepage. Learn how content hidden by anti-flicker snippets, tracking scripts slowing down interactions, and large images embedded in the HTML impact user experience. https://t.co/cg9beA3osw
debugbear.com
Take a look at Core Web Vitals on a real website to see how it could be optimized.
0
1
1
Reply with all your Opus 4.5 gripes so we can fix everything before our next model The more specific (including prompts), the more likely we'll be able to fix it!
910
60
2K
Throttling the network in Chrome DevTools might not do what you think it does! Depending on how the network is throttled you'll see different loading behavior and different metrics. https://t.co/WYDXOsjhZr
0
1
1
I really love the page transition on PerfPlanet’s Calendar 🤩 Smooth details like this make a big difference in web performance and UX. #WebPerf #PerfPlanet #UX
0
0
1
First comes dirt, then comes energy dominance. Construction on G2_Austin has begun. A 2.1GW solar cell fab in Texas. This is more than breaking ground. This is breaking free from energy dependence by building an American supply chain.
16
30
221
Get ready for the latest updates rolling out in Chrome 143 → https://t.co/ko5kfVXEsI This release includes font-language-override, anchored fallback container queries, side-relative background syntax, and more.
3
17
244
Want to optimize images in your Next.js app? Our new guide explains how to use the <Image> component and optimize it for performance. https://t.co/Cf8nAMQVtX
debugbear.com
Learn how to optimize images in Next.js using the next/image component. Discover best practices for responsive images, lazy loading, and improving Core Web Vitals with automatic image optimization.
0
2
4
🎉 And we're live! 🎉 We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀 This is a big one! We highlighted 22 new features to help you build better on the web. Check out:
chrome.dev
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
26
174
1K
Tag a future developer… or better yet, ALL future web developers! @ChromeDevTools is my favorite tool for debugging the web, especially when I'm working on Web Performance The Chrome DevTools team is amazing and consistently keeps improving it #ChromeDevTools #WebDev
Remember writing your first line of code? Help someone else find that spark during Computer Science Education Week. Our Chrome DevTools guide is a great first step for any beginner→ https://t.co/NRDNxGPw5U Tag a future developer & share this guide to help them on their journey.
0
0
0
Fuel up with UGX 100,000 or more of Shell V-Power, or service your vehicle with Shell Helix Ultra, for a chance to win weekly electronics and an all-expense-paid trip to Cape Town for two. To enter, simply text your unique code to 6688 and stand a chance to win.
0
5
36
🎁 CSS Wrapped is back! In 2025, we didn't just build the web; we sculpted it. Let’s have a look at how Chrome shaped the web this year → https://t.co/UHwFButgEt
4
29
162
I just sponsored @kom_256. Go sponsor your open source dependencies! https://t.co/kzeO4MJfRa
#OpenSource #OpenSourceSupport
github.com
FOSS Maintainer (Node.js, Express, Yeoman). I maintain 200+ OSS packages, patch CVEs, and keep critical JavaScript infrastructure secure stable and evolving. I'm part of your supply chain and t...
0
2
2
🥱 How can lazy loading below-the-fold images speed up your website? Browsers often can't correctly prioritize images when loading a page. Content for a footer image might arrive before the main image. Deferring offscreen images fixes that. https://t.co/Sb22M4ZcTZ
0
1
4