gilbertococchi
@gilbertococchi.bsky.social
I am a websites dietician, passionate about #webperf, focusing on #webvitals in Google. Opinions are my own. Staff Web Ecosystem Technical Consultant @Google.
Reposted by gilbertococchi
Stop guessing and start debugging responsive styles automatically with Chrome DevTools MCP → goo.gle/3IPT2No
Learn how a coding agent can find a visual bug on a specific device size, analyze the source code, update the CSS, and verify the fix with a live browser screenshot.
Learn how a coding agent can find a visual bug on a specific device size, analyze the source code, update the CSS, and verify the fix with a live browser screenshot.
October 9, 2025 at 10:00 PM
Stop guessing and start debugging responsive styles automatically with Chrome DevTools MCP → goo.gle/3IPT2No
Learn how a coding agent can find a visual bug on a specific device size, analyze the source code, update the CSS, and verify the fix with a live browser screenshot.
Learn how a coding agent can find a visual bug on a specific device size, analyze the source code, update the CSS, and verify the fix with a live browser screenshot.
Reposted by gilbertococchi
Webkit: Release Notes for Safari Technology Preview 229
Webkit: Release Notes for Safari Technology Preview 229
Webkit: Release Notes for Safari Technology Preview 229
webkit.org
October 2, 2025 at 11:23 PM
Reposted by gilbertococchi
It's a bit of a surprise to me, but there are still tickets available for performance.now(), the most important web performance conference of the year:
perfnow.nl
I'm booking my travel, and hope to see you in Amsterdam next month!
perfnow.nl
I'm booking my travel, and hope to see you in Amsterdam next month!
performance.now(); 30th and 31st of October, Amsterdam
On 30th and 31st of October, 2025, the sixth edition of performance.now() will take place in Amsterdam—a single track conference, covering today’s most important web performance insights.
perfnow.nl
September 25, 2025 at 1:06 AM
It's a bit of a surprise to me, but there are still tickets available for performance.now(), the most important web performance conference of the year:
perfnow.nl
I'm booking my travel, and hope to see you in Amsterdam next month!
perfnow.nl
I'm booking my travel, and hope to see you in Amsterdam next month!
Reposted by gilbertococchi
Announcing Chrome DevTools MCP! 🚀
Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease.
Learn more: developer.chrome.com/blog/chrome-...
Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease.
Learn more: developer.chrome.com/blog/chrome-...
September 23, 2025 at 3:25 PM
Announcing Chrome DevTools MCP! 🚀
Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease.
Learn more: developer.chrome.com/blog/chrome-...
Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease.
Learn more: developer.chrome.com/blog/chrome-...
Reposted by gilbertococchi
Upvote this feature for Interop 2026: github.com/web-platform...
September 17, 2025 at 7:08 PM
Upvote this feature for Interop 2026: github.com/web-platform...
MDN just added a new section in the WebSocket API guide called "Working with the bfcache".
Check this out if you are using WebSocket, you may be blocking BFCache and making user experience worse!
developer.mozilla.org/en-US/docs/W...
Check this out if you are using WebSocket, you may be blocking BFCache and making user experience worse!
developer.mozilla.org/en-US/docs/W...
Writing WebSocket client applications - Web APIs | MDN
In this guide we'll walk through the implementation of a WebSocket-based ping application. In this application, the client sends a
developer.mozilla.org
September 10, 2025 at 2:42 PM
MDN just added a new section in the WebSocket API guide called "Working with the bfcache".
Check this out if you are using WebSocket, you may be blocking BFCache and making user experience worse!
developer.mozilla.org/en-US/docs/W...
Check this out if you are using WebSocket, you may be blocking BFCache and making user experience worse!
developer.mozilla.org/en-US/docs/W...
Reposted by gilbertococchi
If you thought we were done with View Transitions, guess again!
A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.
This unlocks things like concurrent transitions and prevents layering issues.
developer.chrome.com/blog/scoped-...
A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.
This unlocks things like concurrent transitions and prevents layering issues.
developer.chrome.com/blog/scoped-...
September 10, 2025 at 2:09 PM
If you thought we were done with View Transitions, guess again!
A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.
This unlocks things like concurrent transitions and prevents layering issues.
developer.chrome.com/blog/scoped-...
A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.
This unlocks things like concurrent transitions and prevents layering issues.
developer.chrome.com/blog/scoped-...
Reposted by gilbertococchi
This is happening today in ~3hrs. @weston.ruter.net joins me to discuss benchmarks as well as performance updates made on the #Wordpress Core platform. Join us!
✨ SPDY STREAM 009 ✨
🗣️ Westin Ruter
📆 Wednesday September 10th, 2025
⏰ 1pm EDT, 10am PDT
🔗 bit.ly/spdy-stream-...
✨ SPDY STREAM 009 ✨
🗣️ Westin Ruter
📆 Wednesday September 10th, 2025
⏰ 1pm EDT, 10am PDT
🔗 bit.ly/spdy-stream-...
September 10, 2025 at 2:06 PM
This is happening today in ~3hrs. @weston.ruter.net joins me to discuss benchmarks as well as performance updates made on the #Wordpress Core platform. Join us!
✨ SPDY STREAM 009 ✨
🗣️ Westin Ruter
📆 Wednesday September 10th, 2025
⏰ 1pm EDT, 10am PDT
🔗 bit.ly/spdy-stream-...
✨ SPDY STREAM 009 ✨
🗣️ Westin Ruter
📆 Wednesday September 10th, 2025
⏰ 1pm EDT, 10am PDT
🔗 bit.ly/spdy-stream-...
Reposted by gilbertococchi
🆕 The 202508 Chrome User Experience (CrUX) release is now live on BigQuery!
Check out the announcement post for the full info:
groups.google.com/a/chromium.o...
Highlights below 👇
🧵 1/3
Check out the announcement post for the full info:
groups.google.com/a/chromium.o...
Highlights below 👇
🧵 1/3
September 9, 2025 at 9:55 AM
🆕 The 202508 Chrome User Experience (CrUX) release is now live on BigQuery!
Check out the announcement post for the full info:
groups.google.com/a/chromium.o...
Highlights below 👇
🧵 1/3
Check out the announcement post for the full info:
groups.google.com/a/chromium.o...
Highlights below 👇
🧵 1/3
Reposted by gilbertococchi
Did you know Cross-Document View Transitions are being used in production on Google Search?
developer.chrome.com/blog/google-... is a case study I co-authored with one of our engineers from the Google Search UI team.
developer.chrome.com/blog/google-... is a case study I co-authored with one of our engineers from the Google Search UI team.
Case Study: How Google created a connected experience for its new AI Mode using view transitions | Blog | Chrome for Developers
Bridging the gap between MPA and SPA: Making the transition into Google Search AI Mode feel seamless and connected with cross-document view transitions.
developer.chrome.com
August 29, 2025 at 9:17 AM
Did you know Cross-Document View Transitions are being used in production on Google Search?
developer.chrome.com/blog/google-... is a case study I co-authored with one of our engineers from the Google Search UI team.
developer.chrome.com/blog/google-... is a case study I co-authored with one of our engineers from the Google Search UI team.
performance.now() is coming to Amsterdam this October!
This event is great both for the inspirational talks as well as for the opportunity to meet folks from different companies and backgrounds to discuss how to successfully tackle web performance challenges!
This event is great both for the inspirational talks as well as for the opportunity to meet folks from different companies and backgrounds to discuss how to successfully tackle web performance challenges!
performance.now(), the web performance conference, 30th and 31st of October, Amsterdam. Single track, the best speakers in the industry, plenty of your performance-mad peers around to have fascinating conversations. What's not to like? Let's introduce our speakers ...
perfnow.nl
perfnow.nl
performance.now(); 30th and 31st of October, Amsterdam
On 30th and 31st of October, 2025, the sixth edition of performance.now() will take place in Amsterdam—a single track conference, covering today’s most important web performance insights.
perfnow.nl
August 25, 2025 at 1:56 PM
performance.now() is coming to Amsterdam this October!
This event is great both for the inspirational talks as well as for the opportunity to meet folks from different companies and backgrounds to discuss how to successfully tackle web performance challenges!
This event is great both for the inspirational talks as well as for the opportunity to meet folks from different companies and backgrounds to discuss how to successfully tackle web performance challenges!
Reposted by gilbertococchi
Very exciting news. With these changes, you can more easily build accordions such as seen in this recording.
developer.chrome.com/blog/styling...
Currently supported in Chrome and Safari, and soon Firefox!
developer.chrome.com/blog/styling...
Currently supported in Chrome and Safari, and soon Firefox!
August 19, 2025 at 12:04 PM
Very exciting news. With these changes, you can more easily build accordions such as seen in this recording.
developer.chrome.com/blog/styling...
Currently supported in Chrome and Safari, and soon Firefox!
developer.chrome.com/blog/styling...
Currently supported in Chrome and Safari, and soon Firefox!
Reposted by gilbertococchi
performance.now(), the web performance conference, 30th and 31st of October, Amsterdam. Single track, the best speakers in the industry, plenty of your performance-mad peers around to have fascinating conversations. What's not to like? Let's introduce our speakers ...
perfnow.nl
perfnow.nl
performance.now(); 30th and 31st of October, Amsterdam
On 30th and 31st of October, 2025, the sixth edition of performance.now() will take place in Amsterdam—a single track conference, covering today’s most important web performance insights.
perfnow.nl
June 25, 2025 at 12:35 PM
performance.now(), the web performance conference, 30th and 31st of October, Amsterdam. Single track, the best speakers in the industry, plenty of your performance-mad peers around to have fascinating conversations. What's not to like? Let's introduce our speakers ...
perfnow.nl
perfnow.nl
Reposted by gilbertococchi
The Chrome DevTools Performance panel just leveled up! 🚀 Here's a 69-second taste of the new hotness.
May 28, 2025 at 5:38 PM
The Chrome DevTools Performance panel just leveled up! 🚀 Here's a 69-second taste of the new hotness.
BFCache can hugely influence your page performance for URLs high on Back Forward Navigation types.
If you use CrUX or RUM and you see a lot of traffic in % attributed on Back Forward and few on BFCache maybe you are leaving money on the table!
CruXVis can help you measuring this opportunity!
If you use CrUX or RUM and you see a lot of traffic in % attributed on Back Forward and few on BFCache maybe you are leaving money on the table!
CruXVis can help you measuring this opportunity!
May 27, 2025 at 8:56 AM
BFCache can hugely influence your page performance for URLs high on Back Forward Navigation types.
If you use CrUX or RUM and you see a lot of traffic in % attributed on Back Forward and few on BFCache maybe you are leaving money on the table!
CruXVis can help you measuring this opportunity!
If you use CrUX or RUM and you see a lot of traffic in % attributed on Back Forward and few on BFCache maybe you are leaving money on the table!
CruXVis can help you measuring this opportunity!
Reposted by gilbertococchi
The one where I muse about how this simple bit of code radically changes how the web itself seems to behave…
webkit.org/blog/16967/t...
webkit.org/blog/16967/t...
Two lines of Cross-Document View Transitions code you can use on every website today
Arguably, the most profound thing about the web is the ability to link one page to another.
webkit.org
May 22, 2025 at 6:36 PM
The one where I muse about how this simple bit of code radically changes how the web itself seems to behave…
webkit.org/blog/16967/t...
webkit.org/blog/16967/t...
Reposted by gilbertococchi
We've just published v5.0.0 of the web-vitals JavaScript library for measuring Core Web Vitals.
github.com/GoogleChrome...
As a major release, this includes a number of breaking changes as detailed in the upgrading doc:
github.com/GoogleChrome...
Please read carefully before upgrading.
1/5 🧵
github.com/GoogleChrome...
As a major release, this includes a number of breaking changes as detailed in the upgrading doc:
github.com/GoogleChrome...
Please read carefully before upgrading.
1/5 🧵
GitHub - GoogleChrome/web-vitals: Essential metrics for a healthy site.
Essential metrics for a healthy site. Contribute to GoogleChrome/web-vitals development by creating an account on GitHub.
github.com
May 7, 2025 at 7:50 PM
We've just published v5.0.0 of the web-vitals JavaScript library for measuring Core Web Vitals.
github.com/GoogleChrome...
As a major release, this includes a number of breaking changes as detailed in the upgrading doc:
github.com/GoogleChrome...
Please read carefully before upgrading.
1/5 🧵
github.com/GoogleChrome...
As a major release, this includes a number of breaking changes as detailed in the upgrading doc:
github.com/GoogleChrome...
Please read carefully before upgrading.
1/5 🧵
Reposted by gilbertococchi
We're updating Lighthouse to be based on the same Insights we recently launched in the Performance panel of Chrome DevTools.
developer.chrome.com/blog/moving-...
This will help align the tools but will be a breaking change. So we'll make that change in Lighthouse 13 in 6 months.
1/3 🧵
developer.chrome.com/blog/moving-...
This will help align the tools but will be a breaking change. So we'll make that change in Lighthouse 13 in 6 months.
1/3 🧵
Lighthouse is moving to performance insight audits | Blog | Chrome for Developers
Lighthouse is moving to performance insight audits
developer.chrome.com
April 30, 2025 at 7:32 PM
We're updating Lighthouse to be based on the same Insights we recently launched in the Performance panel of Chrome DevTools.
developer.chrome.com/blog/moving-...
This will help align the tools but will be a breaking change. So we'll make that change in Lighthouse 13 in 6 months.
1/3 🧵
developer.chrome.com/blog/moving-...
This will help align the tools but will be a breaking change. So we'll make that change in Lighthouse 13 in 6 months.
1/3 🧵
Reposted by gilbertococchi
WordPress 6.8 is out today. Including Speculation Rules in Core thanks ot some amazing work by @felixarntz.bsky.social !!
make.wordpress.org/core/2025/03...
It's a very conservative prefetch-on-mousedown default but site owners (or plugins) can customise that:
make.wordpress.org/core/2025/03...
make.wordpress.org/core/2025/03...
It's a very conservative prefetch-on-mousedown default but site owners (or plugins) can customise that:
make.wordpress.org/core/2025/03...
WordPress 6.8 Field Guide
This guide outlines major developer features and breaking changes in 6.8 and is published in the Release Candidate phase to help inform WordPress extending developers, Core developers, and others. …
make.wordpress.org
April 15, 2025 at 10:19 PM
WordPress 6.8 is out today. Including Speculation Rules in Core thanks ot some amazing work by @felixarntz.bsky.social !!
make.wordpress.org/core/2025/03...
It's a very conservative prefetch-on-mousedown default but site owners (or plugins) can customise that:
make.wordpress.org/core/2025/03...
make.wordpress.org/core/2025/03...
It's a very conservative prefetch-on-mousedown default but site owners (or plugins) can customise that:
make.wordpress.org/core/2025/03...
Reposted by gilbertococchi
Alternatively, the CrUX History APIs are free and you can build your own dashboards as you see fit.
There are also LOTS of great CrUX tools out there — many with a free offering to view history such as Treo, Calibre...etc. So that's another option.
There are also LOTS of great CrUX tools out there — many with a free offering to view history such as Treo, Calibre...etc. So that's another option.
April 11, 2025 at 10:27 AM
Alternatively, the CrUX History APIs are free and you can build your own dashboards as you see fit.
There are also LOTS of great CrUX tools out there — many with a free offering to view history such as Treo, Calibre...etc. So that's another option.
There are also LOTS of great CrUX tools out there — many with a free offering to view history such as Treo, Calibre...etc. So that's another option.
Reposted by gilbertococchi
🎥 The videos from our last meetup are now live on our YouTube channel! Here's the playlist:
www.youtube.com/playlist?lis...
Big thanks to @keerthanak17.bsky.social and @webx.bsky.social for speaking! ❤️
#webperf
www.youtube.com/playlist?lis...
Big thanks to @keerthanak17.bsky.social and @webx.bsky.social for speaking! ❤️
#webperf
Episode 2 | PerformanceObserver - YouTube
www.youtube.com
March 20, 2025 at 2:59 PM
🎥 The videos from our last meetup are now live on our YouTube channel! Here's the playlist:
www.youtube.com/playlist?lis...
Big thanks to @keerthanak17.bsky.social and @webx.bsky.social for speaking! ❤️
#webperf
www.youtube.com/playlist?lis...
Big thanks to @keerthanak17.bsky.social and @webx.bsky.social for speaking! ❤️
#webperf
Reposted by gilbertococchi
In case you missed it cause you had better things to do on a Friday evening 🤷♂️, I wrote a detailed post on how to roll out speculation rules on more complex sites. Check it out.
Friday evening's the best time to drop a new post right? Right?
Anyway, if you're using Speculation Rules then you might wanna check out this post when you get back into work mode next week - lots of tips and info in there:
developer.chrome.com/docs/web-pla...
Anyway, if you're using Speculation Rules then you might wanna check out this post when you get back into work mode next week - lots of tips and info in there:
developer.chrome.com/docs/web-pla...
Guide to implementing speculation rules for more complex sites | Web Platform | Chrome for Developers
A guide to considerations when implementing speculation rules, particularly for more complex sites.
developer.chrome.com
March 13, 2025 at 11:21 AM
In case you missed it cause you had better things to do on a Friday evening 🤷♂️, I wrote a detailed post on how to roll out speculation rules on more complex sites. Check it out.
Reposted by gilbertococchi
Yay! new CrUX API goodness! LCP Type and Image Subparts are now available!, so I've added them to my free CWV History Tool here: tamethebots.com/tools/cwv-hi...
February 11, 2025 at 10:06 PM
Yay! new CrUX API goodness! LCP Type and Image Subparts are now available!, so I've added them to my free CWV History Tool here: tamethebots.com/tools/cwv-hi...
Reposted by gilbertococchi
Awesome #CrUX update by the people from #Google (and also partially available in our free tool as well) 👏
This was added:
→ LCP image subparts
→ LCP resource types
→ Round Trip Time (RTT) tri-bins
→ RTT p75 and histograms
We added #LCP resource type already as well (see attached).
1/4
This was added:
→ LCP image subparts
→ LCP resource types
→ Round Trip Time (RTT) tri-bins
→ RTT p75 and histograms
We added #LCP resource type already as well (see attached).
1/4
February 11, 2025 at 9:41 PM