Chrome DevelopersVerified account

@ChromiumDev

News & guidance for developers from the Google Chrome Developer Relations team.

Mountain View, CA
web.dev
Joined February 2010
1,600 Photos and videos Photos and videos

Tweets

You blocked @ChromiumDev

Are you sure you want to view these Tweets? Viewing Tweets won't unblock @ChromiumDev

  1. Pinned Tweet
    May 5

    📢Introducing Web Vitals, an initiative by Google to provide unified guidance for quality signals that are essential for great user experiences on the web. More at

    11 replies 479 retweets 1,139 likes
    Show this thread
    Show this thread
    Undo
  2. Retweeted
    May 9

    "I clicked but nothing happened! Why can't I interact with this page?" 👆 First Input Delay measures how long the browser takes to respond when a user first interacts with a page. Learn how to respond faster to user interactions: by and I

    3 replies 80 retweets 221 likes
    Undo
  3. Retweeted
    May 9

    Quick Picture in Picture bookmarklet. Because it's annoying when sites block PiP, or you just want a quick button in the browser bar to make it just work.

    4 replies 8 retweets 50 likes
    Undo
  4. May 8

    That's a wrap for this week ✨ In equally exciting news, two (2!) humans joined the team behind this account😆Welcome to the team and 🎉 See you all next week with more updates 👋 ^

    4 retweets 15 likes
    Show this thread
    Show this thread
    Undo
  5. May 8

    ... or you might want to check without changing your code. Don't you worry, we got you Chrome extension too !

    1 reply 4 retweets 13 likes
    Show this thread
    Show this thread
    Undo
  6. May 8

    So, hope you see how these three Core Web Vitals gives us web developers meaningful purse data of your website. Ready to start measuring? Use our web-vitals library in your code ⏱

    code snippets from the library
    1 reply 4 likes
    Show this thread
    Show this thread
    Undo
  7. May 8

    3️⃣ Cumulative Layout Shift Don't you hate when you try to click a link and then page layout shifts and you miss the click because something else got rendered? CLS measures exactly that ✨ More on CLS : How to optimize CLS :

    CLS banner
    2 replies 2 retweets 11 likes
    Show this thread
    Show this thread
    Undo
  8. May 8

    2️⃣ First Input Delay Seeing first picture on a page doesn't mean the website is ready to be used. You can use FID to measure how long the website takes to be "ready to be interact" state 👈 More about FID: How to optimize FID:

    FID banner
    1 reply 1 retweet 9 likes
    Show this thread
    Show this thread
    Undo
  9. May 8

    Read more about LCP : Ready to optimize? start hear with the Optimize LCP guide:

    1 reply 3 retweets 10 likes
    Show this thread
    Show this thread
    Undo
  10. May 8

    Let's looks at each of the metrics. 1️⃣ First is Largest Contentful Paint. Largest DOM Elements trends to be the important one that signal to users the page is loaded, even if data is still flowing. LCP measures time that largest DOM element show up 🖼

    LCP banner
    1 reply 3 retweets 7 likes
    Show this thread
    Show this thread
    Undo
  11. May 8

    We provide lots of performance tools like , , Page Speed Insights, etc. White these are excellent tools to master, Core Web Vitals gives you three check points. You know, just like you get blood pressure checked at every health check routine!

    screenshot from the page showing Largest Contentful Paint, First Input Delay, Cumulative Layout Shift
    1 reply 7 retweets 13 likes
    Show this thread
    Show this thread
    Undo
  12. May 8

    🔔 This week's wrap up is all about Web Vitals! Site owners should not have to be performance expert to understand the quality of user's experience, Web Vitals give you quality pulse signals to monitor health of your website! 📚 Read more :

    1 reply 28 retweets 78 likes
    Show this thread
    Show this thread
    Undo
  13. Retweeted
    May 7

    "I was about to click that! Why did it move?" 😭 Learn new tips & tricks to fix unexpected shifts in page layout: Shifts are commonly caused by... 🖼️ Images without dimensions 🎟️ Ads with dynamic dimensions 🔤 Web Font swaps

    Cumulative Layout Shift (CLS) - a Core Web Vitals metric, measures the instability of content by summing shift scores across layout shifts that don't occur within 500ms of user input. It looks at how much visible content shifted in the viewport as well as the distance the elements impacted were shifted.
    37 replies 279 retweets 1,093 likes
    Undo
  14. Retweeted
    May 7

    Flexbox gap! Need some background, want to know timing of when it hits Chrome stable, or to just ramp up in general!? CSS Chromie conjured a post with some help from the implementing engineer David Grogan. 👇

    code image with grid-gap crossed out and replaced with gap: .layout { grid-gap: 10px; gap: 10px; }
    9 replies 152 retweets 543 likes
    Undo
  15. May 7

    Flexbox gap! Need some background, want to know timing of when it hits Chrome stable, or to just ramp up in general!? CSS Chromie conjured a post with some help from the implementing engineer David Grogan. 👇

    code image with grid-gap crossed out and replaced with gap: .layout { grid-gap: 10px; gap: 10px; }
    9 replies 152 retweets 543 likes
    Undo
  16. Retweeted
    May 7

    A couple of the Project Fugu 🐡 folk (virtually) presented a demo paper at The Web Conference () in April: 📄 Paper: 🐡 Demo: The idea's to show how the various Fugu APIs can progressively enhance an app. Try on 📱💻🖥.

    1 reply 22 retweets 47 likes
    Undo
  17. May 7

    ⚡️ Instantly measure your Core Web Vitals on desktop with a new Chrome extension by :

    1 reply 14 retweets 74 likes
    Undo
  18. Retweeted
    May 6

    My team in Chrome is working with the Next.js team on performance, focused on plus other key metrics. I’m looking for a few more partner apps where we can make code changes to meet metric targets, to validate our approach, in-progress features. <thread>

    I'm looking for a few Next.js sites that would be interested in testing out a bunch of new optimizations we're working on with the Chrome team. In particular I'm looking for cases of sites that have: ◆ Ads shown to users ◆ E-commerce (preferably B2C) ◆ Lots of images per-page
    Show this thread
    14 replies 78 retweets 368 likes
    Show this thread
    Show this thread
    Undo
  19. Retweeted
    May 6

    if you're a URL purist, run Chrome Canary, and don't want to install the Suspicious Site Reporter Extension (), we built something for you: you can now flip a flag in chrome://flags and then right-click on the omnibox to disable URL simplifications

    10 replies 87 retweets 283 likes
    Show this thread
    Show this thread
    Undo
  20. May 7

    A couple of the Project Fugu 🐡 folk (virtually) presented a demo paper at The Web Conference () in April: 📄 Paper: 🐡 Demo: The idea's to show how the various Fugu APIs can progressively enhance an app. Try on 📱💻🖥.

    1 reply 22 retweets 47 likes
    Undo
  21. Retweeted
    May 6

    ⚡ Core Web Vitals are the metrics that every site should measure, and doing so has never been easier, thanks to the new web-vitals JS library (by ). The library is tiny (~1K), modular, easy to use, and works with any analytics tool you want:

    8 replies 190 retweets 683 likes
    Undo

@ChromiumDev hasn't Tweeted yet.

Loading seems to be taking a while.

Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.

    You may also like

    ·