Веб-пакет

Объединение современных веб-приложений

Адди Османи
Addy Osmani

Современные веб-приложения часто используют инструмент объединения для создания производственного «пакета» файлов (скриптов, таблиц стилей и т. д.), который оптимизируется , минимизируется и может быть загружен вашими пользователями за меньшее время. В разделе «Оптимизация веб-производительности с помощью webpack» мы рассмотрим, как эффективно оптимизировать ресурсы сайта с помощью webpack . Это может помочь пользователям быстрее загружать ваши сайты и взаимодействовать с ними.

Логотип вебпака.

webpack — один из самых популярных инструментов для связывания, используемых сегодня. Использование его функций для оптимизации современного кода, разделение скриптов на критические и некритические части и удаление неиспользуемого кода (это лишь некоторые из оптимизаций) может гарантировать, что ваше приложение будет иметь минимальные затраты на сеть и обработку.

До и после применения оптимизации JavaScript. Время взаимодействия улучшено

Вдохновлено разделением кода в Bundle Buddy от Сьюзи Лу.

Давайте начнем с оптимизации одного из самых дорогостоящих ресурсов современного приложения — JavaScript.