CodingHow to display the size of the imported packages on your editor

Domenico SolazzoDomenico Solazzo | Developer & Engineering manager

Domenico Solazzo

 - undefined min

You are using the Internet. Probably you have a good connection at home / office, right?

🦄 Everything seems super fast while surfing the web. But, at some point you are on the metro:low 3G connection, low CPU power and low battery. Everything looks so much slower.

🦄 Well, most sites that are big and bloated with useless code.

Too much code that could be avoided when developing these sites. Usually, developers looks at the performance part of the site as last part of their process. It is not their fault most of the time but it is a sad reality.

🦄 Enter the extension IMPORT COST.

This extensions allows you to see the size of the imported module, while you are importing the entire library or just a particular utility.

This is really helpful while developing to understand how big the bundle of your site will be when in production.

🦄 Personally, I love this extension and I would recommend it to other developers!

Let’s make sites smaller and faster!

🦄 If you want to understand how this extension was built, you should read the post by the developers at WIX (the company behind this extension).

The link of their blog post: http://bit.ly/2jgPRPD

You can download the extension for Visual Studio Code here: http://bit.ly/2HF9yzm

FOLLOW ME

Do you know that I have a YouTube channel? Subscribe!

Where can you find me?

Where you can find me online