Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Cost Of JavaScript in 2019

The Cost Of JavaScript in 2019

As the world build sites that are more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see.

Addy Osmani explains how and why JavaScript is the most expensive resource your site uses today—especially on mobile. Addy also shares tips for fixing JavaScript performance issues so everything loads quicker. A little discipline can help if you want your site to load and be interactive as soon as possible on mobile.

Article: https://v8.dev/blog/cost-of-javascript-2019
Video: https://www.youtube.com/watch?v=X9eRLElSW1c&feature=youtu.be

Slides are from PerfMattersConf 2019: https://www.perfmattersconf.com/talks/#addy

More from Addy on https://addyosmani.com

Addy Osmani

April 01, 2019
Tweet

More Decks by Addy Osmani

Other Decks in Programming

Transcript

  1. addyosmani.com/blog/usability

    View full-size slide

  2. https://philipwalton.com/articles/why-web-developers-need-to-care-about-interactivity/
    *

    View full-size slide

  3. YOU SIT ON A THRONE OF LIES

    View full-size slide

  4. * Background compilation: 1-2% improvement to main thread V8 time time reduction. Background parsing and other improvements to
    parse reduced overall V8 load time by up to 10-20%

    View full-size slide

  5. ~20-40% reduction in parse and
    compilation time during load.

    View full-size slide

  6. bit.ly/lazy-react-article

    View full-size slide

  7. 125KB main.js

    View full-size slide

  8. 36KB
    main.js
    89KB chunk.js

    View full-size slide

  9. bit.ly/tti-vue

    View full-size slide