> Markdown version of [/events/world-congress-2024/sessions/372-how-writing-just-one](https://www.wearedevelopers.com/events/world-congress-2024/sessions/372-how-writing-just-one). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# How writing just one import the wrong way slows down your website


- **Date:** Friday, Jul 19, 2024
- **Time:** 13:20–13:30 (10 min)
- **Room:** Airstream (120)
- **Event:** World Congress 2024

## Description

Tree shaking is a feature that is used by modern bundlers to keep bundle size down (and load times fast), but if just one import is written in a non-optimal way, this can result in the whole dependency being included in the bundle. In some cases, this even happens with automatically suggested imports by the IDE. Learn about the correct way of importing from dependencies, tricks you can use to easily determine the impact on bundle size, and why having a lot of dependencies may not be as bad as you think!

## Speaker

### [François Martin](https://www.wearedevelopers.com/@francois-martin)

Senior Full Stack Software Engineer at Karakun


## Related talks at this congress

- [Tree Shaking the Bytes Away](https://www.wearedevelopers.com/events/world-congress-2024/sessions/363-tree-shaking-the) — Francesco Novy
- [Common Mistakes in Vue.js and How to Avoid Them](https://www.wearedevelopers.com/events/world-congress-2024/sessions/201-common-mistakes-in) — danielkellyio
- [Oh CommonJS! Why are you mESMing with me?](https://www.wearedevelopers.com/events/world-congress-2024/sessions/88-oh-commonjs-why-are) — Jolo
- [It's not only about the footprint](https://www.wearedevelopers.com/events/world-congress-2024/sessions/371-it-s-not-only-about) — Carsten Windler