Объединение современных веб-приложений
Современные веб-приложения часто используют инструмент объединения для создания производственного «пакета» файлов (скриптов, таблиц стилей и т. д.), который оптимизируется , минимизируется и может быть загружен вашими пользователями за меньшее время. В разделе «Оптимизация веб-производительности с помощью webpack» мы рассмотрим, как эффективно оптимизировать ресурсы сайта с помощью webpack . Это может помочь пользователям быстрее загружать ваши сайты и взаимодействовать с ними.
![Логотип вебпака.](https://web.developers.google.cn/static/articles/webpack/image/webpack-logo.png?authuser=5&hl=ru)
webpack — один из самых популярных инструментов для связывания, используемых сегодня. Использование его функций для оптимизации современного кода, разделение скриптов на критические и некритические части и удаление неиспользуемого кода (это лишь некоторые из оптимизаций) может гарантировать, что ваше приложение будет иметь минимальные затраты на сеть и обработку.
![До и после применения оптимизации JavaScript. Время взаимодействия улучшено](https://web.developers.google.cn/static/articles/webpack/image/before-after-applying-ja-4050ad9acad04.png?authuser=5&hl=ru)
Вдохновлено разделением кода в Bundle Buddy от Сьюзи Лу.
Давайте начнем с оптимизации одного из самых дорогостоящих ресурсов современного приложения — JavaScript.