Day 21 of⚡️ #30DaysOfWebPerf ⚡️: Third-party scripts
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 21 of⚡️ #30DaysOfWebPerf ⚡️
Do you use third party scripts? They can often be your biggest perf sinkhole.
twitter.com/horse_js/statu…15:32 PM - 11 Dec 2019Horse JS @horse_jsAs someone who writes JavaScript, I don't ever want to think about how to optimize
0
0
In Dev Tools, go to the Performance tab, run a new profile on load. Then go to the drawer at the bottom and switch from Summary to Bottom-Up. You can then group by domain to see a pareto of which domains contribute the most toward total scripting time. youtu.be/V4KolGO6ssQ15:32 PM - 11 Dec 2019
Classic DEV Post from May 10 '19
50
48
Sore eyes?
dev.to now has dark mode.
Go to the "misc" section of your settings and select night theme ❤️
Auth With Twitter
Auth With GitHub