Log inSign up
user avatar
Barry Pollard
@tunetheweb
Chrome Dev Rel helping make the web go faster!. All opinions my own. I’m primarily on 🦋 these days.
Cork, Ireland
tunetheweb.com
Joined July 2015
903
Following
6,258
Followers
  • Pinned
    user avatar
    Barry Pollard
    @tunetheweb
    Jun 16, 2019
    Interested in how the modern web works? Think #webperf is important? Then check out my book “HTTP/2 in Action” with @ManningBooks at manning.com/books/http2-in… And if you’ve ever considered writing a book then check out the story behind the book at tunetheweb.com/blog/writing-a… #http2
    HTTP/2 in Action cover - front and back
  • user avatar
    Barry Pollard
    @tunetheweb
    Apr 28, 2022
    So, what does a Web Performance Developer Advocate in the Google Chrome team do? Cause I’ve accepted a job offer to be one of those!!! Surely it can’t actually be getting paid for things I tinker around with anyway in my spare time? Really, really, really excited about this! 😁
  • user avatar
    Barry Pollard
    @tunetheweb
    Jun 20, 2022
    First day at the new job @Google today! Looking forward to doing this #webperf thing full time.
  • user avatar
    Barry Pollard
    @tunetheweb
    Jun 1, 2023
    Yes lazy-loaded images need all the CSS to be loaded before it can decide if the image is needed. @iamakulov at #jsnation
    Slide saying “Lazy-loaded images are blocked by CSS”
    74K
  • user avatar
    Barry Pollard
    @tunetheweb
    Aug 12, 2022
    Is your LCP element an image? If so, make sure you are using `fetchpriority="high"` to really speed that up. This is also true if you are preloading it! We've updated our guidance on this, as this is pretty new: web.dev/optimize-lcp/#… & web.dev/optimize-lcp/#…
    web.dev
    Optimize Largest Contentful Paint  |  Articles  |  web.dev
    A step-by-step guide on how to break down LCP and identify key areas to improve.
  • user avatar
    Barry Pollard
    @tunetheweb
    Jul 12, 2023
    Well it seems like a lot of you are getting emails from Google Search Console warning the INP on your site could be improved and you don't know what to make of them! So let's take a deep breath and delve into what this all means and how you should action them. 🧵 (1/20)
    81K
  • user avatar
    Barry Pollard
    @tunetheweb
    Mar 4, 2024
    Let's do another Interaction to Next Paint (INP) megathread. This time on measuring INP yourself to get more actionable insights, and save time and effort in fixing your INP problems! (🧵 1/14) #INPcountdown #CoreWebVitals
    Good INP values are 200 ms or less. Poor values are greater than 500 ms.
    41K
  • user avatar
    Barry Pollard
    @tunetheweb
    Jan 11, 2023
    After a lot of analysis we’ve published “Our top Core Web Vitals recommendations for 2023” - the 9 things (3 per CWV) that sites can do to most impact their website performance in 2023.
    The most effective ways to improve Core Web Vitals  |  Articles  |  web.dev
    From web.dev
    28K
  • user avatar
    Barry Pollard
    @tunetheweb
    Apr 19, 2019
    I recent published “HTTP/2 in Action” for @ManningBooks. If you’ve ever thought of writing a technical book, or are just curious what’s involved, then I’ve published a very detailed (and long winded!) blog of my experience here:
    Writing a Technical Book for Manning
    From tunetheweb.com
  • user avatar
    Barry Pollard
    @tunetheweb
    Aug 26, 2022
    Sigh. No a 15 KB website will not be slower than a 14 KB website. There’s a lot more going on than just your HTML and TCP/QUIC stacks don’t sit still while that’s happening waiting for the theoretical 10 packets. Thought I’d dispelled this myth already:
    Critical Resources and the First 14 KB - A Review
    From tunetheweb.com
  • user avatar
    Barry Pollard
    @tunetheweb
    Apr 4, 2024
    INP tip! Recently we discovered that Chrome does a recalc style if you insert an empty iframe, and then update the src. This can be expensive for some complex sites and so impacts your INP. Simply setting the src BEFORE adding it to the iframe avoids this.
    Code example showing an iframe being added to document.body, and then src attribute being set as being bad. Then same thing but setting the src attribute before adding to document.body is good.
    18K
  • user avatar
    Barry Pollard
    @tunetheweb
    Jun 7, 2021
    Replying to @jaffathecake
    Because our brains like to screw with us, just for laughs.
    Comic with 4 panels: Panel 1: Brain saying “Hey, are you sleeping?” Panel 2: Sleepy person saying “Yes, now shut up” Panel 3: Brain saying “I know how to fix that bug on line 255” Panel 4: Same person but now wide awake
  • user avatar
    Barry Pollard
    @tunetheweb
    Dec 2, 2022
    Full page prerenders are coming back to Chrome! - How does it work? - Why is this good for Core Web Vitals? - How can I use it on my site? - What do you need to do/be aware of? Lots of answers to those questions here:
    Prerender pages in Chrome for instant page navigations  |  Web Platform  |  Chrome for Developers
    From developer.chrome.com
  • user avatar
    Barry Pollard
    @tunetheweb
    Jun 14, 2024
    Here's a quick Friday or weekend mini-project for you: why don't you spend a few mins to add Speculation Rules to your blog (or site) to quick speed it up? Simply adding this script tag to your pages will allow intra-site links to prerender as soon as you hover on them. 🧵 1/6
    <script type="speculationrules"> { "prerender": [{ "where": { "href_matches": "/*" }, "eagerness": "moderate" }] } </script>
    27K