Заявете SEO одит Tree Shaking е техника за оптимизация на уеб приложения, при която неизползваният код се премахва от финалния JavaScript пакет. Името идва от идеята, че от "дървото" на зависимостите се отстраняват клоните, които реално не участват в изпълнението.
Какво означава Tree Shaking?
При модерните bundler инструменти като webpack, Rollup, Vite или esbuild кодът се анализира преди публикуване. Ако дадена функция, константа или модул е импортиран частично или не се използва, инструментът може да го изключи от продукционния build. Най-добри резултати се постигат с ES modules, защото статичните import и export декларации позволяват по-точен анализ.
Защо е важно за SEO?
Tree Shaking влияе косвено върху SEO чрез производителността. По-малките JavaScript пакети се изтеглят, парсват и изпълняват по-бързо, което може да подобри Core Web Vitals, особено на мобилни устройства. Това е важно за страници, при които голям JavaScript забавя първото показване, интерактивността или стабилността на интерфейса.
Пример
Ако сайт използва библиотека с десетки помощни функции, но реално импортира само една, правилно настроен build може да включи само нужния код. Ако вместо това се импортира цялата библиотека, потребителят може да изтегли много ненужни килобайти.
Чести грешки
- Използване на CommonJS пакети, които трудно се оптимизират автоматично.
- Импортиране на цели библиотеки вместо конкретни функции или компоненти.
- Липса на проверка на bundle размера след промени в зависимостите.
Свързани понятия
Свързани термини са code splitting, minification, bundling, lazy loading, Core Web Vitals и JavaScript performance.