Twitter | Search | |
Addy Osmani
Engineering Manager working on • Husband & Dad • Make the web fast ⚡• Lead for speed
21,165
Tweets
1,799
Following
194,576
Followers
Tweets
Addy Osmani 9h
Replying to @youyuxi
Nice POC :) Would you see Vue using HTML Modules for SFCs (for dev, prod or both) somewhere further down the line?
Reply Retweet Like
Addy Osmani Jan 16
Replying to @unlocomqx @bezoerb
Sure. This is possible using (maintained by ) or lower-level using the Penthouse package.
Reply Retweet Like
Addy Osmani Jan 16
Replying to @mgechev
😍
Reply Retweet Like
Addy Osmani Jan 16
Replying to @katiehempenius
Whoa. This is so neat. I had *no* idea createCDPSession() was supported. Looks like you can `await client.send('Network.clearBrowserCache');` to clear cache too.
Reply Retweet Like
Addy Osmani Jan 16
Replying to @mgechev
Great to see! Is differential serving via <script type="module"> and <script nomodule> planned?
Reply Retweet Like
Addy Osmani Jan 16
Replying to @sylvhama
It might be worth clicking through those red/green bars to view the corresponding unused JS in the Sources panel. Would make it a little easier to match which deps from the tree aren't being used.
Reply Retweet Like
Addy Osmani Jan 16
Replying to @iamakulov @g33konaut
Nice work, Ivan! Thanks for all your great work on webpack guidance.
Reply Retweet Like
Addy Osmani Jan 16
We have a guide for integrating Lighthouse in CI (). Unused JS/CSS is an audit you can configure to run with Lighthouse CLI might be able to share more detail.
Reply Retweet Like
Addy Osmani Jan 16
Replying to @Arangates @mgechev
For Angular, I'm hopeful Ivy will lead to significantly less unused code in that vendor bundle longer term. cc to keep me honest :)
Reply Retweet Like
Addy Osmani Jan 15
Replying to @EmixMaxime @ebidel
It is. has you covered . DevTools UI also now supports exporting coverage data directly.
Reply Retweet Like
Addy Osmani Jan 15
Replying to @Bitcollage
My workflow for code coverage is to leave it recording while I try some in-viewport interactions. The hope is this captures enough of what is vs isn't used on first load. Rest can be lazy loaded if not trimmed :)
Reply Retweet Like
Addy Osmani Jan 15
Replying to @jkup @timneutkens and 3 others
Would love to collect this feedback (and any more on memory profiling areas we could improve). Over to who has been thinking about this recently :)
Reply Retweet Like
Addy Osmani Jan 15
Tip: Chrome can measure how much unused JavaScript is on your page DevTools > top-right menu > More tools > Coverage
Reply Retweet Like
Addy Osmani Jan 15
Replying to @timneutkens @jkup and 2 others
Great work! Would clearer guides on memory profiling have helped here? Sure we have room to improve on DevTools/Node tracing docs.
Reply Retweet Like
Addy Osmani Jan 15
Replying to @Dieulot @lukeed05
Could you try again? The last demo deploy for keyword-2 was missing the Intersection Observer polyfill. Should work fine in Safari now (here are the other pages being XHR fetched with Medium priority).
Reply Retweet Like
Addy Osmani Jan 15
Replying to @TzviPM @bibydigital
Sure. wrote some great guides on bundlesize/Lighthouse CI for monitoring bundle sizes and metrics over time and integrating into CI here: , &
Reply Retweet Like
Addy Osmani Jan 13
This is amazing.
Reply Retweet Like
Addy Osmani Jan 13
Is a "Brotli benefits" shirt in your future?.. :)
Reply Retweet Like
Addy Osmani Jan 13
Reply Retweet Like
Addy Osmani Jan 13
Replying to @alissa_js
Hah! I only wish most of my code was clean enough to use as reference :) I might check the GoogleChrome or Facebook GitHub orgs (sure there are many others) for more examples.
Reply Retweet Like