Sign in

juan ferreras

@juanf.is
591 followers 412 following 93 posts

engineer by day, over-engineer by night. built: #LabelRadar (acq.) building: ???

PostsRepliesMedia
Reposted by juan ferreras
Bruno Simon @bruno-simon.bsky.social · 09/12/2025
6 years of thinking I can make a better portfolio. 1 year of actually building it. My new portfolio is LIVE 🚀 Please, don't break anything! 👉 bruno-simon.com
1629452
Reposted by juan ferreras
Barry Pollard @tunetheweb.com · 18/11/2025
Do you want a better Waterfall in Chrome DevTools? Then plus 1 this bug: issues.chromium.org/issues/34649... It's one of the things we're considering working on next but need to see that the interest is there, and it's not just a thing I'd like to see...
issues.chromium.org
Chromium
2123
Reposted by juan ferreras
Alex Russell @infrequently.org · 17/07/2025
I spent hours and hours trawling through the sites of some of the world's best web developers, and despite the horrors I regularly experience in my daily work in Big JavaScript Territory, what I saw left me hopeful: infrequently.org/2025/07/links/
infrequently.org
Links? Links! - Infrequently Noted
Alex Russell on browsers, standards, and the process of progress.
68219
Reposted by juan ferreras
Mayank @mayank.co · 09/07/2025
bluesky won't enable this switch by default, but you should.
010533
Reposted by juan ferreras
Kevin Farrugia @imkev.dev · 09/07/2025
I'm looking to recruit talented senior engineers that have experience related to web performance monitoring and optimization. If that sounds like you—or someone you'd highly recommend—please send me a DM and I’ll share more details! The role is 100% remote and async-first.
1713
Reposted by juan ferreras
Tim Kadlec @tkadlec.bsky.social · 01/07/2025
This is incredible data from @dbelson.com showing HTML requests from crawlers versus referrals from that platform. Very easy to see the cost of AI here. ClaudeBot: 70.9k requests : 1 referral (!!!) OpenAI: 1.6K : 1 Perplexity: 202.4 : 1 blog.cloudflare.com/ai-search-cr...
0105
juan ferreras @juanf.is · 01/07/2025
This sounds super interesting. I'm a bit skeptical on how unit economics would work – but compared to we'll-try-to-scrape-everything-we-can-unless-you-can-sue-us-or-fully-block-us, it feels like a great alternative. Would love to see any leading provider send a positive signal..
010
juan ferreras @juanf.is · 24/06/2025
Cloudflare's Containers are now in public beta. blog.cloudflare.com/containers-a... I was recently struggling to get a WASM version of brotli dictionary_generator (skill issue), but it's a very powerful unlock to just deploy a dockerfile if you need any specific runtime/CPU-intensive work
blog.cloudflare.com
Containers are available in public beta for simple, global, and programmable compute
Cloudflare Containers are now available in public beta. Deploy simple, global, and programmable containers alongside your Workers.
010
Reposted by juan ferreras
Henri Helvetica 🧑🏾‍🚀🇭🇹 @henrihelvetica.bsky.social · 17/06/2025
✨ THE SPDY STREAM ✨ is part of an effort to highlight people in performance and their projects. Show 001 tomorrow w/ @webx.bsky.social Join us! Want a LinkedIn link? DM me. ✨ THE SPDY STREAM ✨ 📅 Wednesday June 18th ⏰ 1pm EST, 13h00 CET 🗣️ Henri 🇨🇦, Vinicius 🇸🇪 🎟️ RSVP: bit.ly/spdy-stream-001
Image of a rally car in early evening with headlights on driving down a dusty road. Caption: SPDY stream. Performance, people, projects. Wednesday, June 18. Hosted by Henri Helvetica. 1pm EST
031
juan ferreras @juanf.is · 13/06/2025
Cloudflare report on yesterday (Jun 12 2025) outage. Definitely respect the non name-shaming vendors policy and showing accountability/ownership instead. Very impressed by how detailed it is given it's been less than 24hs from it. blog.cloudflare.com/cloudflare-s...
blog.cloudflare.com
Cloudflare service outage June 12, 2025
Today, June 12, 2025, Cloudflare suffered a significant service outage that affected a large set of our critical services, including Workers KV, WARP, Access, Gateway, Images, Stream, Workers AI, Turn...
010
juan ferreras @juanf.is · 12/06/2025
"No major incidents"
"This is fine" meme
000
Reposted by juan ferreras
Ivan Akulov @iamakulov.com · 12/06/2025
⚡ Lighthouse (incorrectly) punishes preloading If you’re like me, you probably struggled with Lighthouse scores at least once. “I already optimized everything; why is my score still yellow?” Often, the cause is there’s more to optimize. But sometimes, it’s Lighthouse itself.
1146
Reposted by juan ferreras
John Mueller @johnmu.com · 11/06/2025
Yesterday's hit: llms.txt Today: llms-full.txt Tomorrow: llms-full-final.txt Twomorrow: llms-full-final-v2-this.txt
3272
Reposted by juan ferreras
WeRateDogs @weratedogs.com · 05/06/2025
We only rate dogs. This is Chewbacca having a spa day. He's trying to relax. Please give him some privacy. 13/10
300164051428
juan ferreras @juanf.is · 04/06/2025
"AI should do my laundry" is something that not everyone agrees with but.. I'm surprised that tools that literally do all the errands I'm lazy to do haven't been nailed before trying to "replace" someone's job. E.g. repeat my coffee order, send invoice, pay rent, etc. Ideally with local models?
130
juan ferreras @juanf.is · 03/06/2025
Parkinson's Law: all caches will expand themselves until your disk has basically no space left, regardless of the disk's total size.
a 512 GB SSD filled with up to 210 GB of "system data". I sincerely hope the system has downloaded ~10 movies in full 4K resolution, and it's not just caches and logs. But it's always caches and logs
211
Reposted by juan ferreras
Paul Irish @paul.irish · 28/05/2025
The Chrome DevTools Performance panel just leveled up! 🚀 Here's a 69-second taste of the new hotness.
69421
Reposted by juan ferreras
Rick Viscomi @rviscomi.dev · 21/05/2025
🔥 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...
2366
Reposted by juan ferreras
PerformanceObserver @performanceobserver.dev · 30/04/2025
Ep. 3 will be on May 14! We will have Medhat Dawoud walking us through the process of building fast websites for everyone, and Amila Welihinda explaining how to profile JavaScript in production. #webperf Details at performanceobserver.dev
performanceobserver.dev
PerformanceObserver: A virtual web perf meetup
Join the PerformanceObserver virtual performance meetup to get all the latest web performance news and hang out with the community.
012
juan ferreras @juanf.is · 06/05/2025
Very interesting read! I’ve played with both Astro and RSC (via Next.js) in my side project. Ended up using both (Astro serves the www. and proxies Next so the user can’t really tell there’s two different properties altogether). Sorry, I have a thing for over engineering my pet projects. 1/4
100
Reposted by juan ferreras
Jacob "kurtextrem" Groß @kurtextrem.de · 30/04/2025
Chrome 136+ ships a new V8 version that supports a "compile hint", which makes V8 parse and compile all functions in that file eagerly. Great for entry points – where you know all functions will very likely be used. Less so as 'one weird trick to make all your JS faster'.
In our experiment with popular web pages, 17 out of 20 showed improvements, and the average foreground parse and compile times reduction was 630 ms.

You can trigger eager compilation for the whole file by inserting the magic comment
```
//# allFunctionsCalledOnLoad
```
at the top of the file.

This feature should be used sparingly though - compiling too much will consume time and memory!
2124
Reposted by juan ferreras
Kevin Farrugia @imkev.dev · 28/04/2025
The @httparchive.org 's Web Almanac is looking for contributors for this year's edition. github.com/HTTPArchive/...
github.com
Contribute to the 2025 Web Almanac · HTTPArchive almanac.httparchive.org · Discussion #4062
Dear all, We are excited to announce the Call for Contributions for the 2025 Web Almanac (6th Edition)! The Web Almanac is an annual report that provides an overview of the state of the web, based ...
097
juan ferreras @juanf.is · 21/04/2025
When Bruno Simon drops anything 3d on the web – it's a must to give it a try! I've already purchased his Three.js Journey course (check out the reviews if you're interested – folks seems to really love it!), planning to do it later this year. Something tells me it's going to be A LOT of fun
010
Reposted by juan ferreras
Nicole Sullivan @nicolesullivan.bsky.social · 16/04/2025
This is a beautiful and inspiring set of thoughts and illustrations on what UI could be wattenberger.com/thoughts/our...
wattenberger.com
Our interfaces have lost their senses
1183
Reposted by juan ferreras
Barry Pollard @tunetheweb.com · 11/04/2025
For those monitoring Core Web Vitals, we made a small change to the CrUX History API used by CrUX Vis last night and now return 10 months of data, rather than 6 months of data to bring it more inline with the CrUX Dashboard that we're looking to deprecate. Enjoy! cruxvis.withgoogle.com#/
cruxvis.withgoogle.com
CrUX Vis
CrUX Vis is an experiment by the Chrome team to help you explore the Chrome User Experiment Report data with visualizations and helpful links to articles, for a particular web page or origin.
2245
juan ferreras @juanf.is · 05/04/2025
I've completely missed the fact Cloudflare Browser Rendering API now supports Playwright! I've had pretty good results using Puppeteer so far. TBC if variability is decent, etc but it's fun to script journeys (or export them from Chrome Recorder) to measure INP/CLS and still have results quickly
developers.cloudflare.com
Playwright · Browser Rendering docs
Learn how to use Playwright with Cloudflare Workers for browser automation. Access Playwright API, manage sessions, and optimize browser rendering.
010
Reposted by juan ferreras
Barry Pollard @tunetheweb.com · 04/04/2025
Compression Dictionary Transport allows you to DRASTICALLY reduce download sizes in Chrome. E.g. if you have app.v1.js and app.v2.js is released, a lot of the code is likely the same, so why download it all again? Want to know more? Check out this new guide: developer.mozilla.org/en-US/docs/W...
developer.mozilla.org
Compression Dictionary Transport - HTTP | MDN
Compression Dictionary Transport is a way of using a shared compression dictionary to dramatically reduce the transport size of HTTP responses.
12716
Reposted by juan ferreras
Vinicius Dallacqua @webx.bsky.social · 31/03/2025
I'll publish it on LinkedIn later on today, but the startup I'm working at will undergo a 'reorg' aka layoffs. I'm part of it so If you are looking for a Staff / Lead Engineer with emphasis on FE and Perf hit me up (Remote or Hybrid within Stockholm / CET timezone)
023
Reposted by juan ferreras
Bruno Stasse @brunostasse.bsky.social · 25/03/2025
Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.
1411820
Reposted by juan ferreras
Wes Bos @wesbos.com · 11/03/2025
🚨 TypeScript just got 10× faster! The TypeScript compiler has been ported to Go and we had Anders Hejlsberg and Daniel Rosenwasser on to announce it and break it all down! www.youtube.com/watch?v=ZlGz...
youtube.com
Typescript Just Got 10x Faster
YouTube video by Syntax
614419
Reposted by juan ferreras
Estela Franco @guaca.bsky.social · 03/03/2025
The @performanceobserver.dev virtual meetup is back for its 2nd episode! We have @webx.bsky.social and @keerthanak17.bsky.social ready to guide us through another deep dive into #WebPerf Join us live! 📅 March 19th - 6 PM CET (10 AM PT / 1 PM ET) Details and add to calendar (with zoom link)👇
performanceobserver.dev
Ep.2: Long Animation Frames API and designing websites for bad performance | PerformanceObserver
In our second meetup we have Vinicius Dallacqua explaining us how to utilize the new Long Animation Frames API to optimize your runtime performance and Keerthana Krishnan outlining ways to build…
01510
Reposted by juan ferreras
Addy Osmani @addyosmani.bsky.social · 23/02/2025
New in Chrome DevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! 📲 This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.
New in @ChromeDevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! 📲

This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.
533260
Reposted by juan ferreras
nolen @itseieio.bsky.social · 20/02/2025
what do y'all do with your unclosed tabs? I've been running pong inside all 240 of mine blog with a bunch of details over here: eieio.games/blog/running...
713823
juan ferreras @juanf.is · 20/02/2025
TIL Chromium might not handle SWR navigations as you'd expect (seems tracked by issues.chromium.org/issues/40171...). If you're implementing SWR in prod, make sure to test it on multiple browsers but also on your CDNs (even the Good Ones™ to this day have non-fully-spec-compliant implementations).
030
juan ferreras @juanf.is · 18/02/2025
If there's one thing I could proudly be on a +P99 leaderboard is typing quickly on a keyboard. Super fun website – very interesting navigation! ---- 🏆 Today’s typ.ing: 🌟 Speed: 153wpm 🎯 Accuracy: 100.00% 📝 Training Set: English, most common 100 words 🔢 Capitalization: ❌ Numbers: ❌ Punctuation: ❌
Histogram showing the distribution of users' typing speeds in words per minute (WPM). My top speed was 153wpm and at the "100th percentile".
010
Reposted by juan ferreras
Barry Pollard @tunetheweb.com · 13/02/2025
LCP and INP are in Interop 2025!!!! web.dev/blog/interop...
web.dev
Interop 2025: another year of web platform improvements  |  Blog  |  web.dev
Discover the features included in Interop 2025.
63312
Reposted by juan ferreras
Barry Pollard @tunetheweb.com · 12/02/2025
Reminder that this changed rolled out in Chrome 133. If you’re seeing worse LCP times and load your LCP images from another domain (and didn’t have the TAO header set) then that could be why. Read the full thread for details.
2146
juan ferreras @juanf.is · 11/02/2025
What a beautiful surprise to get these extra fields on CrUX APIs! Absolutely fantastic work from the Chrome team, it's hard to describe how extremely useful it is to get this level of UX insight on almost any website, for free and without having to previously convince clients to setup monitoring
A small section on a side project that displays a few widgets that render data freely available in Google CrUX APIs. An area chart of LCP, FCP, TTFB 75th percentiles over time, a grouped bar chart of the newly added LCP image sub parts, and a bar list of the also newly added LCP resource type distribution.
1103
Reposted by juan ferreras
Barry Pollard @tunetheweb.com · 11/02/2025
There are a number of announcements this month: First up, we have added LCP image subparts to the CrUX API: - Time to First Byte (TTFB) - Resource load delay - Resource load duration - Element render delay These are our recommended way of optimizing LCP: web.dev/articles/opt... 4/10
LCP image subparts graph in CrUX Vis showing two data points for the four subparts. This sites seems to have a high TTFB and Element Render Delay.
2136
Reposted by juan ferreras
Ahmad Shadeed @ishadeed.com · 09/02/2025
The Gap 🌟 An interactive article about the CSS gap property in Flexbox and Grid. 🔗 ishadeed.com/article/the-...
112621
Reposted by juan ferreras
Stoyan Stefanov @stoyan.me · 05/02/2025
(1/2) Hello font-fancying folks, I'd like to gather data (and then release it in a form similar to caniuse) about the pre-installed fonts on each OS. The tool to gather the data (using queryLocalFonts, so Chrome-only) is fontes-locais.vercel.app, an example data: github.com/stoyan/fonte... ...
152
juan ferreras @juanf.is · 05/02/2025
Not sure if this is a good idea (or a terrible one!) but Canvas and WebRTC APIs are pretty great! TBC on how accurate (this is PSI's Lighthouse, should also be compat with CF Workers Puppeteer and probably more accurate but screencasts have a weird gamma offset unfortunately).
010
Reposted by juan ferreras
Addy Osmani @addyosmani.bsky.social · 02/02/2025
New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable 🙏
524038
juan ferreras @juanf.is · 31/01/2025
The web can be incredible sometimes, specially when talented folks do great things with care
030
juan ferreras @juanf.is · 31/01/2025
It's not DNS. There's no way it's DNS. It was DNS.
Two astronauts in space look at Earth. The first, surprised, says, "Wait, it's all DNS issues?" The second, aiming a gun at the first, replies, "Always has been."
000
juan ferreras @juanf.is · 30/01/2025
Started the year wanting to catch up with some of the fantastic courses/books I've been literally accumulating. "Practical UI" by Adham Dannaway was another good read on design. Great insights on how designing with a11y in mind ends up benefitting everyone & minimizing usability risk (see ALT)
He recently posted this verbatim example on X but it's a good summary of "having a logical reason behind every design detail" (some of these might feel obvious or reductionist but I guarantee there's definitely a few you'll pick up on the book). 

It's a screenshot of a clean/simple UI that looks good but actually has quite a few logical reasons as to how it's built, in his own words:

1️⃣ Icons and text are left aligned to create a neat left edge. This improves readability and aesthetics while decreasing cognitive load.

2️⃣ Headings and text links are descriptive so they’re scannable and can be read out of context by screen readers.

3️⃣ Secondary text is less important than headings, so it’s made less prominent (using size and contrast) to create a clear visual hierarchy. 

4️⃣ Secondary text line height is at least 1.5 to improve readability.

5️⃣ Text links are coloured blue to indicate they’re interactive and underlined so the colour blind can distinguish them from other text. 

6️⃣ Spacing inside each block is less than the spacing between each block to create groups of related information. Spacing is based on a set of predefined spacing options to improve consistency.

7️⃣ Information is broken up into smaller groups to make it easier to understand and to help speed up decision making.

8️⃣ Colours are based on an accessible monochromatic colour palette with rules that govern its usage.
130
Reposted by juan ferreras
mattzeunert.com @mattzeunert.com · 30/01/2025
When talking to customers about their page speed metrics, one of the most common issues is that their PageSpeed Insights scores don't match what they see in DebugBear. Here's a new video with a detailed explanation! www.youtube.com/watch?v=t_UG...
youtube.com
PageSpeed Insights vs. Lighthouse: understanding the Performance score
YouTube video by DebugBear
062
juan ferreras @juanf.is · 29/01/2025
This one was a surprisingly nice chart I hadn't planned – adding LCP+FCP+TTFB from CrUX on a single area chart. Similar to LCP subparts (with less insights of course) but from any website in CrUX instead of requiring real user monitoring
An area chart shows three metrics overlapping: TTFB, FCP and LCP, all pulling from Google CrUX dataset. It's a good way to see what portion of LCP is actually just attributed to TTFB or FCP, in a visual way.
010