Barry Pollard's Avatar

Barry Pollard

@tunetheweb.com

Web Performance Developer Advocate at Google Chrome helping to make the web go faster! All opinions my own.

2,851
Followers
408
Following
1,139
Posts
15.05.2023
Joined
Posts Following

Latest posts by Barry Pollard @tunetheweb.com

Preview
Beyond Static Resources: Delta Compression for Dynamic HTML Compression Dictionary Transport (RFC 9842), authored by Patrick Meenan and Yoav Weiss, lets browsers...

Good blog post from Carlos (a colleague) about a new proposed addition to Compression Dictionaries allowing short-lived HTML pages to continue to be used as compression dictionaries for longer:

dev.to/carlosmateom...

#webperf

07.03.2026 11:51 πŸ‘ 3 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Well you can shrink it down to just the icons if you want to get the full @johnmu.com experience. But even then this dog is too old to learn new tricks it seems!

05.03.2026 15:20 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

You were always a man of impeccable taste Dave!

05.03.2026 14:08 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

You had to take it one step too far.

Have you tried the Lynx browser? πŸ˜€

05.03.2026 13:31 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

OK I've tried it for a while, but I can't get with Vertical tabs. Old skool Horizontal tabs FTW for me...

05.03.2026 13:00 πŸ‘ 6 πŸ” 0 πŸ’¬ 5 πŸ“Œ 0
WebPerf Snippets and Agent SKILLs: deterministic audits with Chrome DevTools MCP

WebPerf Snippets and Agent SKILLs: deterministic audits with Chrome DevTools MCP

Claude Code report showing Usercentrics scripts causing performance issues by combining 'preload' and 'async'. It recommends removing preloads or using fetchpriority='low' to avoid competing with critical LCP resources.

Claude Code report showing Usercentrics scripts causing performance issues by combining 'preload' and 'async'. It recommends removing preloads or using fetchpriority='low' to avoid competing with critical LCP resources.

I've been using WebPerf Snippets in my audits for years.
Scripts to measure LCP, INP, CLS, TTFB, Render Blocking...

The next step: turning them into tools an AI agent can use autonomously.
But there's a design decision that makes all the difference.

🧡

#WebPerf #WebPerformance #AI #DevTools #MCP

04.03.2026 15:21 πŸ‘ 9 πŸ” 4 πŸ’¬ 1 πŸ“Œ 0

Congrats! Sounds like a perfect match.

02.03.2026 21:40 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Temporal - JavaScript | MDN The Temporal object enables date and time management in various scenarios, including built-in time zone and calendar representation, wall-clock time conversions, arithmetics, formatting, and more. It is designed as a full replacement for the Date object.

JavaScript's date object has been tricky for years, but that is changing.

The NEW Temporal API brings,
🌍 Easily handle time zones
πŸ“† Precise date math
πŸ•’ Parse ISO strings without errors
βŒ› Durations, date ranges, and more.

Start experimenting πŸ‘‡
developer.mozilla.org/en-US/docs/...

02.03.2026 21:00 πŸ‘ 97 πŸ” 24 πŸ’¬ 3 πŸ“Œ 0

Dear God, what have we done? Maybe adding this was a mistake?

But seriously clever (mis)use of this! And surprisingly little code!

02.03.2026 18:18 πŸ‘ 29 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
A clean looking graphic with sharp lines and crisp colour

A clean looking graphic with sharp lines and crisp colour

The same graphic, but muddy and blocky. The previously sharp lines are blurry.

The same graphic, but muddy and blocky. The previously sharp lines are blurry.

I think it's often overlooked that AVIF is also really good at flat colour & sharp edges.

Don't go straight for a lossless format just because it's the kind of image that would look bad as a JPEG.

Here's an 11kb image as an AVIF, vs JPEG XL.

02.03.2026 14:08 πŸ‘ 143 πŸ” 22 πŸ’¬ 9 πŸ“Œ 1

Good choice! From both sides :-) Congrats.

02.03.2026 18:03 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
New alternatives to innerHTML getHTML, setHTML, setHTMLUnsafe, declarative shadow DOM and sanitization

New alternatives to innerHTML (setHTML) by @ollie-williams.bsky.social

02.03.2026 10:01 πŸ‘ 24 πŸ” 6 πŸ’¬ 2 πŸ“Œ 0

I get this is hard, and being conservative is usually a good thing, when it comes to avoiding assumptions, but this just seems too far off, so being a useless measure...

</rant> (which has 0% support btw).

02.03.2026 15:18 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

The <a> element is 96.76% of "all users" for example, showing how meaningless this is. If you don't support that, then you don't support HTML IMHO.

In fact <html> is also 96.76% (but hey it wasn't in the first version of HTML). As is <h1> - <h6> (which were in the first version).

02.03.2026 15:18 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I don't get that 5%. It seems incredibly high.

The difference between "all users" (96.3% for fetch) and "all tracked" (99.43%) on caniuse is apparently if it's an untracked browser the assumption is it's unsupported but not sure that's a valid assumption and isn't way overly conservative.

02.03.2026 15:18 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Ahhh to be back home after a quick jaunt to London for #SotB. Great to catch up with some familiar faces and meet up with some online people for the first time IRL! Conference was pretty good too πŸ˜€

28.02.2026 23:25 πŸ‘ 7 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Ha ha. Was thinking that earlier.

Still terrible @zachleat.com !

28.02.2026 12:54 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Strong showing from the Chrome team! Excited for my first SotB!!

28.02.2026 09:37 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
role=presentation is no alternative for aria-hidden=true - Manuel Matuzovic I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

Well, that was a productive train ride…

In the previous post, I explained how to hide presentational SVGs using aria-hidden="true".
That's a reliable technique, but sometimes I see developers use role="presentation" instead, which may or may not work as expected.

matuzo.at/blog/2026/ro...

27.02.2026 09:54 πŸ‘ 30 πŸ” 7 πŸ’¬ 1 πŸ“Œ 0
Block announced the layoffs in conjunction with its fourth-quarter earnings results.

The payments company reported adjusted earnings per share of 65 cents on revenue of $6.25 billion, while analysts estimated 65 cents per share and $6.24 billion, according to LSEG.

Gross profit increased 24% from a year earlier to $2.87 billion.

For the full year, the company said it sees adjusted earnings per share of $3.66. Analysts anticipated $3.22 per share, according to LSEG.

Block announced the layoffs in conjunction with its fourth-quarter earnings results. The payments company reported adjusted earnings per share of 65 cents on revenue of $6.25 billion, while analysts estimated 65 cents per share and $6.24 billion, according to LSEG. Gross profit increased 24% from a year earlier to $2.87 billion. For the full year, the company said it sees adjusted earnings per share of $3.66. Analysts anticipated $3.22 per share, according to LSEG.

Equally depressing for such a drastic cut given the reported financials:

27.02.2026 10:14 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Block shares soar 24% as company slashes workforce by nearly half Block said Thursday it's laying off more than 4,000 employees, or about half of its head count.

It is depressing to see the positive impact sacking people has on shares.
Block shares soar 24% as company slashes workforce by nearly half www.cnbc.com/2026/02/26/b...

27.02.2026 08:47 πŸ‘ 11 πŸ” 2 πŸ’¬ 2 πŸ“Œ 1

Hi friends I just got laid off along with 40% of Block. No idea what comes next, but if you have need for a Principal Frontend Engineer hit me up!

26.02.2026 22:46 πŸ‘ 131 πŸ” 48 πŸ’¬ 20 πŸ“Œ 3

Urgh sorry to hear that Katie. Take some time and hope you get sorted out quickly when ready.

26.02.2026 23:27 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

☝️ this is the way. On both points.

26.02.2026 21:58 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
GitHub - lala-hakobyan/front-end-debugging-handbook: A comprehensive guide to debugging tools for modern, complex front-end applications. This handbook provides practical, real-world guidance on a com... A comprehensive guide to debugging tools for modern, complex front-end applications. This handbook provides practical, real-world guidance on a complete suite of tools, from Chrome DevTools and fra...

Ever wanted a comprehensive guide to DevTools and debugging front ends? Check out this ebook that Lala Hakobyan just launched:

github.com/lala-hakobya...

I’m impressed!!

26.02.2026 17:25 πŸ‘ 27 πŸ” 10 πŸ’¬ 0 πŸ“Œ 0

Container Timing - a new W3C performance metric - has migrated from Bloomberg to the WICG Github org πŸŽ‰

@jason-williams.co.uk made the Bloomberg Terminal use this web metric to measure human-perceived time to start apps. We've found it more useful than existing metrics.

github.com/WICG/contain...

25.02.2026 09:29 πŸ‘ 37 πŸ” 6 πŸ’¬ 2 πŸ“Œ 0
Web Weekly β€”Β More than your regular Frontend newsletter Join 6.5k+ developers reading Web Weekly β€” a frontend newsletter going beyond frameworks to cover browser APIs, CSS, JS, and hidden web platform gems.

Oh and that weekly newsletter I was talking about full of tips and tricks like this:

webweekly.email

24.02.2026 20:04 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
// get all resources
window.performance.getEntriesByType('resource')
  // only consider the blocking ones
  .filter(({renderBlockingStatus}) => 
      renderBlockingStatus === 'blocking')
  // log their names
  .forEach(({name}) => console.log(name))

// Logs: https://your-site.com/styles.css

// get all resources window.performance.getEntriesByType('resource') // only consider the blocking ones .filter(({renderBlockingStatus}) => renderBlockingStatus === 'blocking') // log their names .forEach(({name}) => console.log(name)) // Logs: https://your-site.com/styles.css

Missed this one but thanks to @stefanjudis.com 's weekly newsletter (you should sign up btw) I saw his own post on how to identify render-blocking resources in Chrome: www.stefanjudis.com/blog/how-to-...

Try it in the console now! (code in Alt text)

24.02.2026 20:04 πŸ‘ 15 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
<video 
       loading="lazy" 
       autoplay playsinline muted controls
       src="path/to/sloth.webm" 
       poster="path/to/sloth.jpg"></video>

<video loading="lazy" autoplay playsinline muted controls src="path/to/sloth.webm" poster="path/to/sloth.jpg"></video>

Lazy-loaded video/auto elements are finally coming to the web! πŸŽ‰

scottjehl.com/posts/lazy-m...

24.02.2026 09:31 πŸ‘ 52 πŸ” 4 πŸ’¬ 0 πŸ“Œ 0
Working with the fantastic Governor of Louisiana, Jeff
Landry, we are going to send a great hospital boat to
Greenland to take care of the many people who are
sick, and not being taken care of there. It's on the way!!!
President DJT

Working with the fantastic Governor of Louisiana, Jeff Landry, we are going to send a great hospital boat to Greenland to take care of the many people who are sick, and not being taken care of there. It's on the way!!! President DJT

Healthcare in Greenland is publicly funded, free at the point of use, and despite geographical challenges considered very good.

Healthcare costs in the USA are extortionate and responsible for 60% of all US bankruptcies.

So maybe Denmark should be sending hospital ships the other way.

22.02.2026 08:43 πŸ‘ 8230 πŸ” 2625 πŸ’¬ 749 πŸ“Œ 233