Sign in with Twitter

Username:

Addy Osmani @addyosmani Mountain View, CA

Engineering Manager working on @GoogleChrome • Husband & Dad • Make the web fast ⚡• Lighthouse, PageSpeed Insights, DevTools, CrUX • Founder TeeJungle

1,791 Following   247,434 Followers   23,548 Tweets

Joined Twitter 4/26/09


@rileytomasek Could you check if you see an element listed in Diagnostics > Largest Contentful Paint element? A rep… https://t.co/PoN5cRdFXJ
9/29
2020
@EmmaBostian @ASpittel %c is the best! Styled console logs work great with Web Fonts too :) https://t.co/7qNXQqHKaj @manekinekko I remember this! Great throwback, Wassim! :) @ScribblingOn Congratulations! 🎉
9/28
2020
@colinbendell @zcorpan @jaffathecake The web platform lacks a network idle callback, but you could try <script asyn… https://t.co/gIMRXLhqXz
9/24
2020
How @Mercadolibre optimized product details pages for a 90% reduction in Max Potential FID in Lighthouse and a 9% i… https://t.co/9hDPX3gAbw
Retweeted by Addy Osmani @misprintedtype Congratulations! 🥂
9/22
2020
@chriscoyier Closest one I am aware of is https://t.co/J2W3Krtili @hediet_dev Thank you for the awesome extension! Visualizing REST API responses too opens up a few interesting usec… https://t.co/otzzW3xfHw @anatudor @rachelandrew That is super nice! I really need to play around with conic gradients more.Great guide to CSS mask-image: https://t.co/fWLWAGdVvM ~ specify an image or gradient to use as a mask layer. By… https://t.co/4SNDcHybNjYou can visualize data structures in VSCode! https://t.co/2gKJEw4bpm Try the VSCode Debug Visualizer extension by… https://t.co/r99wyaSn95
9/18
2020
📘 New Guide: Centering in CSS I wrote a visual guide about centering in CSS. I explained how it works for differen… https://t.co/UxCmoXfzzy
Retweeted by Addy Osmani
9/17
2020
@devdevcharlie Congratulations, Charlie! @patmeenan Huge congratulations, Pat :) This is fantastic news! @kristoferbaxter I'm so very sorry, Kris. I hope her time remaining is as peaceful as possible.
9/16
2020
Considering using Moment.js in your project? There may be better modern alternatives. Please see the new Project St… https://t.co/jNw9efSCcS
Retweeted by Addy Osmani
9/15
2020
@maggiepint @leobalter Thank you, Maggie. I deeply appreciate the help from Moment on helping capture the nuance of… https://t.co/VmuS78c4W6 @leobalter @davemethvin 💜 One way to view it is at least folks care enough to engage in discussion at all. I’m hope… https://t.co/W97WEbK8Si @nomadtechie @nicknisi @slightlylate Fully agree. The intent of the feature is to raise awareness of smaller altern… https://t.co/IQY7opgUOU @leobalter Fwiw Moment maintainers have been one of the most supportive of this work as they appreciate the user be… https://t.co/3qLzsSLGQ0 @ljharb react-dates is a good example. We should evaluate checking the resource is transitive and limit showing the… https://t.co/Pd1b8Xf50D @ljharb Do you have data on how frequently Moment is a transitive dep in practice? My experience from production si… https://t.co/oRhiUWTygY @ljharb I take blame for not providing more nuance here. This is limited to (1) recommendations from BundlePhobia (… https://t.co/GSNfBi43hi @borland @PepsRyuu @ChromeDevTools There are a few good ideas in the thread we can follow-up on - Soften the langu… https://t.co/m6hjrP7Jwb
9/13
2020
@ChromiumDev @andrea_moro @ChromeDevTools Could you clarify if you're referring to (1) Lighthouse results from the… https://t.co/lGnbBebAOs @sebsilbermann The libraries for this feature will initially be limited to Moment (current) and Lodash. Our approac… https://t.co/OE7Er3bKI4 @tomzalt The problem is the aggregate. Devs often have deadlines and will pick what library is commonly used to sol… https://t.co/TgzfTEcuZT @frontstuff_io I think you captured an important piece of info we are missing (how functionality equivalent? why is… https://t.co/zOTh9AMQU4 @firt Ack on the wording and UX. We’ll explore softening the language as I agree “unnecessarily” may be too harsh.… https://t.co/F10kaWkdRA @intrnl0 @ChromeDevTools Thanks for sharing this feedback. Could you expand a little on the “make it a suggestion”… https://t.co/2U9EW8hjZc @maggiepint @paulczy I’m happy a Moment maintainer sees the user benefit and am eager for the Temporal proposal to… https://t.co/MwCxZ3URmz @justinfagnani @ebidel Fwiw, Moment and Lodash are the only two libraries under consideration for this feature at… https://t.co/dWEvqzchSg @__ANIX__ @ChromeDevTools The wording certainly needs tweaking to be less negative (we'll look at this). Expanding… https://t.co/DlGagpALD5 @maggiepint @paulczy 😅 I would love to hear your opinions on the feature. My hope is that it's balanced (recommendi… https://t.co/AmETxZ3QFZ @coreyward @ChromeDevTools Mozilla’s Web Shared Libraries proposal is exploring a solution to this. Interested to s… https://t.co/XkXQSjqqj3 @PepsRyuu @ChromeDevTools Can you describe a better solution? (honestly open). Almost every popular site we have wo… https://t.co/HNkVLYjDnE @threepointone @ChromeDevTools This is a really great idea. Fully agree these teams need support. Chrome currently… https://t.co/9wSN1tj5vy @longlho @ChromeDevTools We are starting with Moment so will comment on that :) Having used Moment, Luxon and date-… https://t.co/wqP0jZM0Vk @devongovett @ChromeDevTools A high bar should be set for alternatives we suggest (closeness in functionality, well… https://t.co/vK6Ixbchqu @JoelEinbinder @ChromeDevTools Yep, starting with Moment. The next popular one on the list is Lodash. We wouldn’t h… https://t.co/QeD52BCAZv @KarlMerkli @gallegos_marcus @marknadal @ChromeDevTools Our approach is inspired by https://t.co/m7JQ5iuVF8’s small… https://t.co/7LO7MEkV8ZIf JavaScript libraries are proving costly, replace them with smaller alternatives. Lighthouse in @ChromeDevToolshttps://t.co/iXx4NpiCMf
9/12
2020
@simevidas @____lighthouse We shipped Lighthouse 6.3 to Chrome Canary not too long after release 😅 It will come to… https://t.co/E0HrFbZFdz @RozenMD Hah yeah :) Fwiw for local images, I've used imagemin-webp and imagemin-mozjpeg (fallback) successfully in… https://t.co/6IwvI6P5hY @HenriHelvetica @codewithfeeling @caniuse If we can drive down AVIF encode times, I'm hopeful delivering .avif to C… https://t.co/36x0AFJb0D
9/10
2020
@yoavweiss @jaffathecake @Lady_Ada_King @stshank @kennethrohde @scottjehl Thread for folks interested in chiming in… https://t.co/Pl494pe81s @sundress @simevidas @rob_dodson Thanks, Alice! That's very helpful. - Links should have sufficient contrast (4.56… https://t.co/11IXJloiG9📝 AVIF has landed! ⬇️ Here's how to use it today, and how it performs vs other web image formats. https://t.co/waeM2xDp7A
Retweeted by Addy Osmani @Paul_Kinlan @simevidas Is it though?. Even https://t.co/o9OTkscaJj on mobile doesn't appear to underline hyperlink… https://t.co/nFkCoYQTcP @kaihendry @stripe I would switch to lazy-loading the Stripe scripts as the user scrolls down (or load on button in… https://t.co/ZNcwXqzF9k @3otori @brodieseo @defaced @pazguille @DanLeibson CLS is Cumulative Layout Shift (think of it as a measure of page… https://t.co/4mTSbae1Xw @simevidas Sure. cc @sundress @rob_dodson in case you have opinions here 🙂 (for accessibility, should sites general… https://t.co/1qALnoGiH3
9/8
2020
@7h1322yk0813n72 The idea behind the markup (common to JS based lazy-loaders) is that you do have a src - it's just… https://t.co/uDe9XVEoVU
9/7
2020
@brodieseo @defaced @pazguille @DanLeibson Yay. Glad to hear the tools were helpful identifying where to spend time reducing CLS :) @andreapernici @keul It's still valid. Basically says ~ lazy-load this image and decode it off the main thread (via… https://t.co/rfq8CrCu88 @tunetheweb @SchreinerPaul @igrigorik +1 to Barry. I would also say if you're concerned about limiting CLS impact i… https://t.co/i9RqYwmMok
9/6
2020
@simevidas Thanks for the color contrast tip! Fixed. I don't agree links need to be underlined on all sites. Goog… https://t.co/ziOCIFlQOD @owencm Discussed this a few times with @dalmaer :) Today there isn't an efficient, low-friction way to build nativ… https://t.co/nzTKP8Exrz
9/5
2020
@cheneytsai @b1tr0t Big congrats, PJ! @ericclemmons @atcastle and @shubhie never disappoint :)The Google Chrome team wrote a RFC for an image components built into Next.js: ◆ Aims to improve performance (LCP… https://t.co/TL3curL51Z
Retweeted by Addy Osmani
9/4
2020
@_prateekbh @jeffposnick @__apf__ @googlechrome These look like the Chrome cakes for our 10th anniversary 😅 Underst… https://t.co/YRl8VMB8rH @rick_viscomi I fully agree. There's some interesting ideas we've discussed here in the past. - Make it clear the… https://t.co/Okp3zrhzjv
9/3
2020
@Paul_Kinlan @mikewest @yoavweiss A +1 to Mike. For non-promo, I try to ask L+1-2 and in some cases lower. For high… https://t.co/U9vPZu1icq
8/31
2020
@_developit That's awesome! Per @ChromeUXReport, Ikea's fast LCP and FID (field) appear to show there have been inc… https://t.co/rHFYCjzBBa @DanShappir @yoavweiss @simevidas The rollout to Chrome for Android 85 Beta should be complete. What URLs are you testing? @yoavweiss @simevidas This is correct. For privacy purposes, we only send performance hints if a user has previousl… https://t.co/wl8HHxdiEF @nomadtechie @Indigoag Congrats, Amal!
8/30
2020
@ArtemR @RGadellaa @ChromiumDev Would you mind filing a https://t.co/8fncP1IqM8 and we’ll take a look? The answer h… https://t.co/nMtXmj7NfI @s3ththompson When you say record, what’s the use case? If recording to video I’ve gone down the… https://t.co/JQ2zuQ9Lkw @aecms "Fast page" badging should work for regular URLs that hit the Core Web Vitals. It also works on links from S… https://t.co/wAhAjCmXby @kchetan_in Image CDNs are probably the best (current) option for doing intelligent content negotiation like this e… https://t.co/IU6Vf6rsol @robrohan There are usually Quicklook plugins for new image formats. For AVIF, you can get system previews with https://t.co/mmJl3x7i5F iirc @DasSurma @ChromiumDev Yay! Y'all keep knocking it out of the ballpark with Squoosh 🙏🏽🎨 https://t.co/R8ssqijW2L now supports AVIF! ➡️ Next-generation open image format. ➡️ Significantly outperforms JP… https://t.co/LJM4DlOO2a
Retweeted by Addy Osmani @matthewcp @sampullara @_developit Jason may have a better sense here :) Livewire loosely sounds like a form of re… https://t.co/dhz7XijuND
8/29
2020
@holtbt Big congrats, Brian! @hswolff @MongoDB Congrats, Harry!
8/28
2020
@saschaeggi @ChromiumDev @googlechrome cc @Una. I don't believe Vladimir is on here, but perhaps you could help route? @yoavweiss @slightlylate @Rich_Harris @cramforce @MylesBorins @seldo @MHablich @mikemaccana @KenjiBaheux @kinuhttps://t.co/sApyyHF2Lo
8/27
2020
@RickByers Happy Birthday, Rick! @kornelski Thanks for the confirm this is on your radar re: tooling. Hopeful that https://t.co/kBJ4h4gQdd is revolv… https://t.co/OUIuCQusry @kristoferbaxter You're welcome! If a word limit doesn't bring you joy, thank it, and throw it away. @kristoferbaxter I'm excited to share your perf feedback is 100% emoji and under the word limit. https://t.co/pXVcPog3R7 @kornelski Nice! Any experimental AVIF plans for ImageOptim? :)
8/26
2020
@VennBani @ChromeDevTools For sure. Re-watched The Batman, WW84 and Synder Cut trailers today. Much to look forward to. @llpekoll I think it's productive to highlight interest to folks closer to Safari/WebKit (like @jensimmons). There'… https://t.co/94UaekcXF6 @ericclemmons I think concerns of perceived complexity are real (and depend on the use-case fit). Per Web Almanac,… https://t.co/Txg45Q10d9 @colinbendell @kornelski @yrezgui +1 Kornel. If it's just a few AVIF images at a time I think decode times may be f… https://t.co/rZptd1enQe @CerovacBogdan Not wrong... :) Client Hints are one path to server-side content negotiation, but cross-browser supp… https://t.co/KhTJokSuI9 @ScriptedAlchemy ...and next up is JPEGXL 😅 @SalviJansen For sure. <picture> is often discussed in terms of art direction, but it's really powerful for providi… https://t.co/iWZfTfn6Od @yrezgui Earlier research highlighted AVIF decoding times could be an order of magnitude slower than VP8 (what WebP… https://t.co/0mLcuzfXtSAVIF is an image format that compresses to a smaller size than WebP or JPEG https://t.co/MDDdL8tw8S It's in Chrome… https://t.co/COxDKQ7TfP @facetimeJS @sai_krrishhh @ChromeDevTools Chrome 86 beta is coming Sep 2 - Sep 9 and stable is in 43 days (Oct 5). @huang47 @ChromeDevTools If you use the Cmd + Shift + P shortcut and type 'screenshot' in the command-menu it can be accessed from there :)In @ChromeDevTools, you can now right-click any element to take a screenshot of that element!… https://t.co/ciQXUCPjOz
8/23
2020
@elrond25 I would check out the Core Web Vitals report in Search Console for the site-wide picture and PageSpeed In… https://t.co/YGMNI6olXf @sindresorhus @Linus__Torvalds That’s the best photo ever. Hoping to read Nadia's book soon 🤞
8/22
2020

0