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 • Founder TeeJungle

1,757 Following   229,392 Followers   22,818 Tweets

Joined Twitter 4/26/09


🥳 Wrote a tiny article visualizing some common & useful Git commands! ✨merge | (interactive) rebase | cherry-pick… https://t.co/i8NDHrus0P
Retweeted by Addy Osmani @mbleigh @rico_ocepek @Firebase Thanks, Michael!A comprehensive guide to overflow In CSS https://t.co/3aEYPKNFoN by @shadeed9 https://t.co/OAfPzUC0X6 @rikkitissier Oof 🤦‍♀️ Confirmed. I'll chase if there's appetite to to reduce those layout shifts internally. @jsoltero @gsuite Meet on web has been flawless over the last month. Big kudos to the team for tackling increased demand well 👏 @rico_ocepek @Firebase cc @mbleigh perhaps a good opportunity to start tracking CLS of Firebase console? :) @Hicksyfern @KenjiBaheux and @tdresser are thinking through a few options we could explore here e.g if the layout s… https://t.co/PTVDtubNID @Hicksyfern @mildfuzz There are definitely layout problems browsers can help with (e.g reducing shifts caused by we… https://t.co/kW9VUysXF9 @Mowgli_sr In personal projects, I like working with real data in my UIs as early as possible (little bit of both F… https://t.co/Q3eFCpGQQn @pawan_gangs One approach is to define a fixed size container for the image and stretch it to fill either the width… https://t.co/zILlJC4W8e @loststudios @NyaBlk Oh! I didn't realise the author was on here. Thanks for npkill, Nya! It's great.
4/3
2020
@saiumesh @__Sun__ 100% agree here. Lost count of the times I've landed on the wrong search result or account as a result 😢"I was just about to click that! Why did it move?" 😭 The new Cumulative Layout Shift metrics measures unexpected s… https://t.co/YBFc7OdKGC @marco_j1s @ivorjetski What's being shown is every element, pseudo-element and the primary style edits (iirc via De… https://t.co/fE8WD5DJqx @i_HillaRion @ivorjetski It's in the first link on Codepen. Go to Editor view :)This isn't a photo. It's a pure CSS-only landscape https://t.co/uAE6wJ67wD by @ivorjetski 🤯Quick video on process:… https://t.co/8lqvBi4vF2🎉 New JavaScript features in ES2020: ➡️ BigInt ➡️ dynamic import() ➡️ nullish coalescing ➡️ optional chaining ➡️ P… https://t.co/Cbn0MYsbuF
Retweeted by Addy Osmani @tkadlec @ericlaw @EdgeDevTools We may be able to explore this as a Data Saver option for images and videos (e.g "Disable heavy media") @ericlaw @EdgeDevTools @tkadlec 👋 We (Lighthouse) have a proposal for runtime issue insights we want to explore wit… https://t.co/DJwk3AD3xn
4/2
2020
📖New blog post: Fix an overloaded server (aka "My server is on fire what should I do?") https://t.co/iHrzflXP9m https://t.co/NCRHjaWGdJ
Retweeted by Addy Osmani
4/1
2020
@i_like_robots @MarkZeman Exciting! 😍 Would love to learn more about your team's process using the perf budget (e.g… https://t.co/cVhJMcqy10Tip: JavaScript's Array.flat() accepts a depth parameter. Array.flat(Infinity) flattens recursively until the array… https://t.co/Y3ycnIShKl
3/31
2020
@hdjirdeh @N0tNoah Huge congrats to the both of you! @RyanTownsend @SpeedCurve I would love to see all RUM vendors (incl. LUX!) support CLS. We're aiming to land more w… https://t.co/g4TZBEjg4k
3/30
2020
`npkill` is great for listing large `node_modules` directories and removing old ones you don't need. Free up a few… https://t.co/FVgx9ShclSA full free Stanford course on Web Security: https://t.co/KESo3K0klS by @feross 🍪 HTTP(S), Cookies, Sessions 🛡Sam… https://t.co/leQry9q9iT
3/29
2020
@donavon @nytimes @HenriHelvetica Nice! It would be neat to apply a simple heuristic to discover pages in the wild… https://t.co/IHCODdygrk @bradleyfew Striped bars typically highlight work that's done off the main thread. @aberbamx @tonylyjones Hey. There a routing problem you're finding hard to solve with Next's router? or mainly the… https://t.co/kvbtJAjrJC @jason_mayes @glitch @CodePen So good. Thanks for also sharing this on Glitch. @bunopus @paul_irish Aha. Love it. "The Lighthouse" was our team movie last week. We'll keep an eye on our Time to… https://t.co/1K7igjXhA2 @zachleat @sarah_edo @cassidoo @Netlify https://t.co/ehFmb5fe8I @cassidoo @Netlify Congrats! I've only heard good things about their DX team :)
3/28
2020
@alligatorio np. Thanks for the consistently good articles! @jeremenichelli @zachleat @davatron5000 @____lighthouse @paul_irish We're going to keep Lighthouse 6.0 in beta for… https://t.co/8gg5lBVPWvLighthouse plugins extend @____lighthouse with custom checks in your own category: https://t.co/u9sm9sZqhB e.g Tre… https://t.co/Yh6NRPb5DjAn intro to React Router V6: https://t.co/YMQA3Ur0tE * Half the bundle size of V5 🎉 * <Switch> becoming <Routes> *… https://t.co/cINi87Kplv
3/27
2020
@dan_abramov Checks out. https://t.co/w9gP5TNhTf
3/26
2020
@sophiebits I'll be honest - I was very surprised at how much indentation this had... :) @PixelAmbacht @digger_c64 No worries! I use the Dracula Pro theme by @zenorocha and the font here is JetBrains Mono. @jewwyq @HenriHelvetica @Marktplaats Wow. This is the most detailed HTML ASCII art I've seen in a while. So good.Disney's HTML comments are wholesome. https://t.co/UpBariedt3JavaScript's Array.from() is great for chunking an array into smaller arrays of a specified size. Array.flat() lets… https://t.co/AImY2a1kmq @Michgboxy Thanks, Michael! @_prateekbh @_megsachdev Happy Birthday, Prateek! 🎉 @saltnburnem Thanks Chris! @ladyleet @_ElleOhElle_ Thanks, Tracy! A belated happy birthday to you too! 🎉🎉🎉
3/25
2020
@GeorgMilevski Thanks! @_ElleOhElle_ My nightmares thank you ❤️ @Vjeux Credit all goes to Excalidraw! :) Thanks for building something awesome so many folks want to use! @zcorpan @hdjirdeh @mathias @gsnedders @HTTPArchive Thanks Simon for raising this and Houssein for the PR! @ux_enthusiast @jthoms1 That's super kind. Thank you! @mathias @zcorpan @gsnedders @HTTPArchive @hdjirdeh ~ “Please note <iframe loading=lazy> is currently non-standard.… https://t.co/mgoOX3MYS1 @jthoms1 Thank you, Josh! :)Few CSS relative and absolute units 📏 https://t.co/5ziANhxT9X
Retweeted by Addy Osmani
3/24
2020
Now that all modern browsers support SVG favicons, here's how to turn any emoji into a favicon.svg: <svg xmlns="… https://t.co/OX7Y7OQknP
Retweeted by Addy Osmani
3/23
2020
@Mchunguz111101 @Vjeux Agree overall it takes precedence. In Chrome, many of us are contributing to relief efforts… https://t.co/yf3ADEV49A @kingkongfrog @Vjeux You're asking for a shortcut for empty cache and hard reload? With DevTools open, I can see an argument for this. @saurshaz @Vjeux Exactly. Reminded me of Balsamiq with the "core bits". Also love that it's open source so communit… https://t.co/lYNQrNqtAB @excalidraw @Vjeux https://t.co/b2qKRL7TyHTip: https://t.co/3ryVNue1Ym is fantastic for quickly mocking up UIs. Free, feature-filled and the live collaborati… https://t.co/LHGqcv5DIG @FlanRt Wow. It's incredible to see the p5 community does this too. Endless dominos was one of my favorites https://t.co/CbTGyt6nFK
3/22
2020
@MAADM4X Agree! I usually end up having to unminify the examples for readability. Luckily a few authors also publis… https://t.co/iGGQ6CkDto @patmeenan @derSchepp cc @mounirlamouri @yoavweissTip: Allow your website to accept pasted passwords - it makes your site more secure, not less:… https://t.co/K3z3Q6ntJPWith the new https://t.co/Jx4gkVx1ov rolling out, a reminder "Building The New Facebook With React and Relay" by… https://t.co/V2j8CwpKny @DevLoop01 Imagine everything on @dwitter_net happens in a function u(t): u(t) is called 60 times per second t: el… https://t.co/lzYkswNNCd @Koyanloshe The general solution I recommend here is https://t.co/n4f5UGDMb7 @veubeke One of my favorites on the site!https://t.co/dCLCaL5tdr is a JavaScript community creating amazing visual demos in just 140 characters 🤯 https://t.co/3W2Bs9UUok
3/21
2020
@mart3ll I've always viewed the design work you and your team have put out over the years as iconic. In particular,… https://t.co/agXvWf2Qte @ElliottZ @blasten @slightlylate @_developit @flackrw (cc @airnanan from Lottie on this discussion) I'm impressed w… https://t.co/JjjfB8w5X9 @blasten @ElliottZ @slightlylate @_developit @flackrw Wow. TIL https://t.co/W4aZCrRnhR @andrewingram @ElliottZ Vanilla SVG/CSS/Web Animation instead? The tooling is improving there a bit. @_developit @ElliottZ Ooof. Perhaps this is an opportunity for someone to innovate on an even lighter version?... :… https://t.co/FUyaRxRldN
3/20
2020
@wongmjane Haha. This is brilliant! @cwilso @yoavweiss @AndyDavies @__jakub_g @domfarolino I wonder if moving it to the 'No active development' categor… https://t.co/L1QuoHRR1O @ElliottZ Yeah, there really needs to be a "Preact" for lottie-web given the runtime costs. I could see the argumen… https://t.co/knzv1kJAp3Lottie is an animation library that renders Adobe After Effects animations on Web, Android and iOS:… https://t.co/9tMrTq4Jt1Etsy's journey to fast production builds with Webpack: https://t.co/oTrXLB8jio ~ great large-scale tips optimizing.… https://t.co/pyqqXajf7o
3/19
2020
@mlarocca @alphensigntv These updates are great! Love the effort to make them more visual and intuitive. Appreciate… https://t.co/M5N1RnaAHR @dan_spratling @ChromeDevTools @aerotwist Would you mind posting this feedback to https://t.co/hIqOzdo6zn?Tip: Ask for website permissions responsibly. Request permissions on user interaction, not on page load. Your users… https://t.co/9lhJ3bsFqhNew: @ChromeDevTools now colors Long JavaScript Tasks with a striped red background: https://t.co/lWB2thfDZu ~ make… https://t.co/GNR6FB6H6h @rudin I believe there was some sleuthing around this in https://t.co/lPS0Bfl7lV. There are a few alternatives also… https://t.co/CqbeSGlEki @m_dyminski Inspecting their network requests, it doesn't seem malicious to me. @coronavirusapp fyi. You can also c… https://t.co/1cV7dBzswS @DotProto Empathize there. I keep feeling like I should be doing more. Was happy to see our teams volunteer to help… https://t.co/wp6N2TLTZaHow can you help with COVID-19? * Be safe and take care of yourself. Self-quarantine & stay updated:… https://t.co/K8TmUXs3Xa @monicalent I think the distraction helps us cope. COVID's impact is stressful for many friends, family and busines… https://t.co/8huswNa7Or
3/18
2020
@davidbrunelle Congrats, David! ☕️ @harittweets @ChromeDevTools @ChromiumDev @jaffathecake @DasSurma Few options: 1. Puppeteer + Lighthouse. Write a s… https://t.co/uiKkr0vNCx
3/17
2020
@_prateekbh @TimVereecke It helps improve CLS because scrollbars can cause non-trivial layout shifts due to above t… https://t.co/y06krirsUB
3/16
2020
@Vjeux @giuseppegurgone I would start with reading https://t.co/izwpYRnfKB as Wikipedia have been looking at using… https://t.co/G9M6jWkkQ9 @shanomurph @nhoizey @cloudinary @jekyllrb @eleven_ty 100% agree CMS implementing support for this natively (maybe… https://t.co/KLwPmsQ93U @cammeritz Ooof. That's rough 😅 I'm exploring if we can do something here for users on slow connections (e.g requir… https://t.co/qWkYm8jEG0 @Vjeux @giuseppegurgone I would use the new CompressionStream API where supported and fallback to a JS/WASM solutio… https://t.co/vaZn8jnTxiOptimizing performance of a challenging UI with React: https://t.co/pfTow5jVfV ~ great 7 part series on making auto… https://t.co/nNb89RNa6VTip: Replace large animated GIFs with <video> for faster page loads: https://t.co/jVxtx4KEIS. A lot of sites (Googl… https://t.co/2CncqItA6p @theKashey @dan_abramov @swyx @redwoodjs @reactjs I believe Blocks are still quite early, but found these PRs usefu… https://t.co/OKlBGvfn1U @MHablich @hashseed Picard season 1 is *so* good. Altered Carbon season 2 is next on my list.
3/15
2020

0