Day 22 of⚡️ #30DaysOfWebPerf ⚡️: Bundle analyzers
Sia Karamalegos
・1 min read
#30DaysOfWebPerf (26 Part Series)
1) Day 1 of⚡️ #30DaysOfWebPerf ⚡️: Lighthouse
2) Day 2 of⚡️ #30DaysOfWebPerf ⚡️: Why performance matters
3 ... 24
3) Day 3 of⚡️ #30DaysOfWebPerf ⚡️: Network profile
4) Day 4 of⚡️ #30DaysOfWebPerf ⚡️: Webfonts
5) Day 5 of⚡️ #30DaysOfWebPerf ⚡️: Your laptop is a filthy liar
6) Day 6 of⚡️ #30DaysOfWebPerf ⚡️: Self-hosted fonts
7) Day 7 of⚡️ #30DaysOfWebPerf ⚡️: Image Formats
8) Day 8 of⚡️ #30DaysOfWebPerf ⚡️: srcset and sizes
9) Day 9 of⚡️ #30DaysOfWebPerf ⚡️: Image Resolution
10) Day 10 of⚡️ #30DaysOfWebPerf ⚡️: <picture>
11) Day 11 of⚡️ #30DaysOfWebPerf ⚡️: Lazy-load images
12) Day 12 of⚡️ #30DaysOfWebPerf ⚡️: Image loading for the lazy
13) Day 13 of⚡️ #30DaysOfWebPerf ⚡️: HTTP/2
14) What frustrates you the most about web performance?
15) Day 15 of⚡️ #30DaysOfWebPerf ⚡️: Metrics
16) Day 16 of⚡️ #30DaysOfWebPerf ⚡️: Image CLI tools
17) Day 17 of⚡️ #30DaysOfWebPerf ⚡️: Coverage tool
18) Day 18 of⚡️ #30DaysOfWebPerf ⚡️: Better dependencies
19) Day 19 of⚡️ #30DaysOfWebPerf ⚡️: Frameworks
20) Day 20 of⚡️ #30DaysOfWebPerf ⚡️: Remote Debugging
21) Day 21 of⚡️ #30DaysOfWebPerf ⚡️: Third-party scripts
22) Day 22 of⚡️ #30DaysOfWebPerf ⚡️: Bundle analyzers
23) Day 23 of⚡️ #30DaysOfWebPerf ⚡️: Culture of Performance
24) Day 24 of⚡️ #30DaysOfWebPerf ⚡️: Timing APIs
25) Day 25 of⚡️ #30DaysOfWebPerf ⚡️: Jank
26) Day 26 of⚡️ #30DaysOfWebPerf ⚡️: Tasks
Day 22 of⚡️ #30DaysOfWebPerf ⚡️
One great set of tools for measuring and analyzing your JavaScript are bundle analyzers. One of my favorites is webpack-bundle-analyzer, but many exist. What are your favorite tools? github.com/webpack-contri…14:43 PM - 12 Dec 2019
0
1
Classic DEV Post from May 21 '18
90
26
Auth With Twitter
Auth With GitHub