Addy OsmaniVerified account

@addyosmani

Engineering Manager working on • Husband & Dad • Make the web fast ⚡• Lead for speed

Mountain View, CA
bit.ly/addyosmani
Joined April 2009
1,319 Photos and videos Photos and videos

Tweets

You blocked @addyosmani

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

  1. Pinned Tweet
    Aug 1

    📣 "The Cost Of JavaScript In 2018"

    26 replies 1,315 retweets 2,783 likes
    Undo
  2. 13 hours ago

    Start Performance Budgeting: ~ if you’re building a web experience and want to stay fast, a performance budget can be critical.

    graph of javascript bundle sizes
    5 replies 163 retweets 478 likes
    Undo
  3. Oct 1

    Using Lodash? Get a *much* smaller bundle with lodash-es or more specific imports. For more savings try lodash-webpack-plugin: ✨

    19 replies 429 retweets 1,291 likes
    Undo
  4. Retweeted
    Sep 28

    Visual Studio Code can now convert your long chains of Promise.then()'s into async/await! 🎊 Works very well in both JavaScript and TypeScript files. .catch() is also correctly converted to try/catch ✅

    97 replies 2,817 retweets 7,138 likes
    Show this thread
    Show this thread
    Undo
  5. Retweeted
    Sep 20

    📢 I just published a new article where I do a deep dive into improving website performance with a technique I'm calling Idle Until Urgent. ⚡ If you're looking for some advanced performance techniques that you can use today, this article is for you!

    21 replies 577 retweets 1,819 likes
    Show this thread
    Show this thread
    Undo
  6. Sep 18

    Want to keep JavaScript bundles small? Try : check the size of dependencies before adding them to your project.

    32 replies 694 retweets 1,911 likes
    Undo
  7. Retweeted
    Sep 18

    🔥 Love this new Chrome feature, on the fly evaluation in the console!

    30 replies 828 retweets 2,771 likes
    Show this thread
    Show this thread
    Undo
  8. Sep 11

    10 years of Speed in : ~ a look back at our web performance work on JavaScript, Web APIs & more on Chrome's 10th birthday 🎂

    Browsers need to be faster. To start faster, load pages faster.
    12 replies 176 retweets 477 likes
    Undo
  9. Retweeted
    Sep 11

    📣 Workbox v3.5.0 is out! With more customization options for generating a service worker, support for the HTTP PATCH method in routes, exposing the registerQuotaErrorCallback utility function publicly, and more! Read the full release notes here:

    1 reply 75 retweets 211 likes
    Undo
  10. Sep 10

    The Web Font Loading Checklist ✅ Start font downloads early ➡️ preload Prioritize readable text ➡️ font-display Make fonts smaller ➡️ WOFF2, subset by 👍

    6 replies 273 retweets 961 likes
    Undo
  11. Retweeted
    Sep 6

    Next one in our 10 years look-back is one from the team✨ From Firebug🐞 to Chrome DevTools Protocol🔧, developer tools have taken a massive leap over the past 10 years💫

    7 replies 81 retweets 205 likes
    Undo
  12. Sep 5

    Working with dates in JavaScript? Try . Shaved 50%+ off my bundle replacing Moment.js + locales with it. For more info see ✨

    Replacing moment.js + locales with date-fns
    51 replies 783 retweets 2,558 likes
    Undo
  13. Retweeted
    Sep 5

    I'm writing a 4 part drawsplainer on how browser works🎉 No CompSci degree necessary, if you've written HTML/CSS/JS, that's all you need✨ (the post starts w/ what is CPU💁‍♀️) 📣Part 1 is about hardware, multi-process architecture, and Site Isolation!

    hand drawn CPU
    browser architecture
    33 replies 423 retweets 1,374 likes
    Show this thread
    Show this thread
    Undo
  14. Retweeted
    Sep 4

    Yes! Finally going to stable: in-body CSS no longer blocks rendering for chrome. Inlining critical CSS can now work across all the current major browsers without jumping through hoops.

    Chrome Logo with "new 69" text next to the logo
    📣Chrome 69 is rolling out now, check out the latest What’s new in Chrome video & post with at Oh and also, Happy Birthday ! 🎂
    14 replies 202 retweets 518 likes
    Undo
  15. Retweeted
    Sep 3

    📢 Guess.js now supports Next.js ❤️ Speed your Next.js applications up by using predictive prefetching 🔮 📗 Demo and integration guide 🔮 Guess.js

    5 replies 165 retweets 500 likes
    Undo
  16. Aug 30

    . can now pin live expressions to the top of Console to monitor values in real-time 👌 Read more

    Two expressions pinned to the top of the console
    22 replies 996 retweets 2,553 likes
    Undo
  17. Retweeted
    Aug 28

    ★ Progressive Web-First Apps You have a cool idea, and you don’t think “there is an app for that” yet. Do you build the MVP on iOS? We think there is a better way in 2018, a way that gives you the best way to find your audience.

    5 replies 106 retweets 310 likes
    Undo
  18. Aug 28

    Learn how to reduce JavaScript payloads with Code Splitting: ~ new guide by and I 📦✂️⚡️

    reduce js payloads with code-splitting
    7 replies 534 retweets 1,587 likes
    Undo
  19. Retweeted
    Aug 27

    Done. Babel 7 is Released 🎤

    77 replies 1,701 retweets 4,368 likes
    Show this thread
    Show this thread
    Undo
  20. Retweeted
    Aug 27

    On Friday we released a video version of our "Optimize Site Speed" tutorial. Covers the Audits panel, the Coverage tab, request blocking, and the Performance panel. Vid: Doc:

    135 retweets 369 likes
    Undo
  21. Retweeted
    Aug 24

    📦 Size Plugin for Webpack! 🕵️‍♀️ Keep an eye on those bundle sizes... 🏋️‍♂️ Shows compressed sizes #️⃣ Compares even if file hashes change > npm i -D size-plugin

    example plugin output (see readme)
    , and
    14 replies 303 retweets 1,315 likes
    Undo

@addyosmani 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

    ·