The Cost Of JavaScript in 2019 (ConcatenateConf)

The Cost Of JavaScript in 2019 (ConcatenateConf)

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
Conf Site: https://www.concatenate.dev/schedule/
Site snapshot: https://www.evernote.com/l/AghJgXK_sqlDCJpJHr3Xj-ZvI9f50fYybX0

96270e4c3e5e9806cf7245475c00b275?s=128

Addy Osmani

October 11, 2019
Tweet

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. addyosmani.com/blog/usability

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

  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. YOU SIT ON A THRONE OF LIES

  46. * 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%
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. None
  59. bit.ly/lazy-react-article

  60. 125KB main.js

  61. 36KB main.js 89KB chunk.js

  62. None
  63. None
  64. bit.ly/tti-vue

  65. None
  66. None
  67. None
  68. None
  69. None
  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. None