Loading...
Loading...
Error
Oops! Something went wrong
2. Tree Shaking for Performant Vue Apps
Speed
Speed
Quality
Quality
Captions
Captions
media loading
Play
Pause
10
Seek backward
Rewind 10s
Play
Pause
Play
Play
Pause
Pause
20
Seek forward
Forward 20s
Mute
Unmute
Volume High
Volume Low
Volume Low
Mute
Mute
Unmute
0:00
0:00
Start casting
Stop casting
Chapters
Chapters
Introduction to Tree Shaking
00:00
Initial Setup and Lodash Installation
00:21
Using Lodash Shuffle
00:50
Building the Application and Checking Bundle Size
01:24
Initial Bundle Size with Full Lodash
01:37
Attempting to Import Specific Lodash Function
02:43
Lodash Not Tree-Shakeable
03:02
Introducing Lodash ES for Tree Shaking
03:48
Reduced Bundle Size with Lodash ES
04:01
Importance of Tree-Shakeable Dependencies
04:17
Identifying Tree-Shakeable Libraries in Documentation
04:31
Using BundleJS to Check Tree Shaking
05:14
Testing Original Lodash with BundleJS
05:48
Confirming Lodash is Not Tree-Shakeable
06:32
Testing Lodash ES with BundleJS
06:50
Conclusion on Tree Shaking with BundleJS
07:21
Tree Shaking in Nuxt Applications
08:02
Enable captions
Disable captions
Enable Captions
Enable captions
Disable Captions
Disable captions
Settings
Settings
Settings
Enter fullscreen mode
Exit fullscreen mode
Fullscreen
Enter fullscreen
Exit Fullscreen
Exit fullscreen