Managing Your Bundle Size - Totally Tooling Tips

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=Da6VxdGU2Ig


Duration: 7:03
11,725 views
248

The amount of JavaScript you send to your users can affect your load and parse time of your Javascript resulting in a slow feeling site.

In this episode, learn how to keep track of your bundle size during development and get accustomed with tools that will help you track your bundle size over time.

Links from the episode:
Bundlesize: https://github.com/siddharthkp/bundlesize
Lighthouse: https://developers.google.com/web/tools/lighthouse/
Calibre: https://calibreapp.com/
pr-bot: https://github.com/GoogleChromeLabs/pr-bot
vscode-import: https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
speedcurve: https://speedcurve.com/

Watch more episodes of Totally Tooling Tips here: https://goo.gl/IoXka7?

Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf



Other Videos By Chrome for Developers


2017-10-23The New Bar for Web Experiences (Chrome Dev Summit 2017)
2017-10-23Keynote (Chrome Dev Summit 2017)
2017-10-19Caching Strategies - Supercharged
2017-10-17Chrome 62: Improved Network Information API, Support for OpenType Variable Fonts and more!
2017-10-13Testing Shadow DOM with aXe Coconut - A11ycasts #26
2017-10-13Chrome 62 - What's New in DevTools
2017-10-12CSS Grid - Supercharged
2017-10-11How the Web Competes with Native -- Designer vs. Developer #12
2017-10-10Imposter Syndrome - HTTP203
2017-10-09Uploading an Image - Developer Diary #Day1
2017-10-06Managing Your Bundle Size - Totally Tooling Tips
2017-10-05Aspect Ratio Hack - Supercharged
2017-09-29How to build a toggle button - A11ycasts #25
2017-09-28WebGL Image Processing: Live Code Session - Supercharged
2017-09-27Designing for the Next Billion Users -- Designer vs. Developer #11
2017-09-26Web Standards & Flash - HTTP203
2017-09-25Creating a Camera App - Developer Diary #Day0
2017-09-21Dockerize your App - Supercharged
2017-09-14ES6 Modules - Supercharged
2017-09-13Learn How to Design -- Designer vs. Developer #10
2017-09-08Lighthouse - Totally Tooling Tips


Tags:
GDS: Yes
Totally tooling tips
bundle size
managing your bundle size
tooling tips
dev tools
developer tools
tooling
java script bundle size
GitHub
developers
chrome developers
web developers
web development
develop locally
CLI
local cli
third party module
measure bundle size
calibur
speed curve
google
web
chrome
product: chrome
fullname: Addy Osmani
Location: MTV
Type: DevByte
Other: NoGreenScreen
fullname: Matt Gaunt