Когда мы создаем любой веб-сайт или приложение, наша цель состоит в том, чтобы предоставить пользователю беспроблемный опыт и поддерживать его активность. Для достижения цели мы должны убедиться, что активы (например, CSS, JS) загружаются быстро. Активы объединяются и минимизируются, чтобы сократить время запроса загрузки.

Давайте рассмотрим процесс объединения и манификации один за другим.

Связывание. Да, вы правильно думаете: «свяжите или сверните вместе». Здесь мы объединяем JS/CSS, чтобы создать один файл JS/CSS. Это означает меньше HTTP-запросов и лучшую скорость загрузки страниц.

Образец

Минификация: это означает уменьшение общего размера файла. При этом выполняются различные оптимизации, такие как удаление комментариев, пробелов и сокращение имени переменной.

Влияние минимизации CSS на время загрузки в приведенном ниже образце приложения: время загрузки сокращается почти на 50 %.

Существует множество библиотек, доступных для связывания и минификации.



Давайте исследуем больше.