loading...

Day 18 of⚡️ #30DaysOfWebPerf ⚡️: Better dependencies

Sia Karamalegos Dec 6 '19 ・1 min read

#webperf #javascript #performance #webdev

#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

Sia Karamalegos

@thegreengreek

Day 18 of⚡️ #30DaysOfWebPerf ⚡️

Byte for byte, JavaScript is your most expensive asset. You pay the same price for download time, but JS needs even more time for parse, compile, and eval.

One strategy we can use is to better evaluate our dependencies.

15:15 PM - 06 Dec 2019

0 0

Sia Karamalegos

@thegreengreek

Do we need that extra library? How much will it cost? Are there better alternatives?

Bundlephobia is a great tool to help you answer these questions. bundlephobia.com

For example, do you use Moment? Maybe try date-fns instead. It works with tree-shaking.

15:15 PM - 06 Dec 2019

0 0

code of conduct - report abuse

Classic DEV Post from Jul 24 '18

Guide on How to Create and Deploy a Telegram Bot

Reactions

80

Reactions

2

Django Stars

Refactoring many OR statements like a ninja 🤘

Marcos Henrique - Jan 26

3 Deep Dive Tutorials to Make You a Better JavaScript Developer Today! 😎

Harrison Reid - Jan 26

What is the best CMS to feed API for a static site generator?

Pacharapol Withayasakpunt - Jan 26

Box shadow on scroll :) - VueJS Scroll Event to get the position of the page.

Aashir Aamir Khan - Jan 26

Sia Karamalegos

Front-end developer passionate about web performance, international conference speaker and Google Developers Expert

work

Founder & Lead Developer at Clio + Calliope

location

New Orleans, LA

joined

Oct 20, 2019

More from @thegreengreek

Day 26 of⚡️ #30DaysOfWebPerf ⚡️: Tasks

#webperf #webdev #javascript #performance

Day 25 of⚡️ #30DaysOfWebPerf ⚡️: Jank

#webperf #webdev #performance #css

Trending on DEV

11 fruitful resources to improve Javascript knowledge

#javascript #resources #links #useful

React & Redux: components, API's and handler utilities

#react #tutorial #javascript

Angular Security Checklist

#angular #security #javascript

Developing 30 JS Applications in 10 days

#javascript #react #python #100daysofcode

How To Use Vuetify in Vue.js

#vue #webdev #javascript #tutorial

Javascript Tip: a neat trick with the minus tilde for Objects

#beginners #javascript #tricks #codenewbie

GET these VSCode EXTENSIONS & THEMES Nowwww !

#vscode #webdev #productivity

Become a Front-End Developer || course review (Educative.io)

#education #webdev #frontend #beginners