Минификации JavaScript и CSS. Лучшие способы.

Обновлено 15 янв. 2019 г.

Что такое минификация. Лучшие способы оптимизировать JavaScript и CSS.

Минификация — это процесс сокращения размера кода без изменения его функциональности. Это позволяет уменьшить вес страницы и, соответственно, ускорить её загрузку. Эта оптимизация стала индустриальным стандартом. Сейчас сложно найти популярный сайт, который бы не минифицировал свой код.

Любой код может быть минифицирован, будь то JS, CSS или HTML.

Содержание

Как минифицировать код

Вы можете минифицировать свои файлы вручную пользуясь бесплатным онлайн-сервисом http://refresh-sf.com/. Но мы рекомендуем настроить процесс автоматической оптимизации.

Программы CSSO и UglifyJS хорошо зарекомендовали себя и показывают одни из лучших результатов по компрессии. Многие программисты отдают им своё предпочтение. Сравнение различных минификаторов JavaScript. Сравнение различных минификаторов CSS.

Если ваш сайт работает на CMS системе, такой как WordPress, Drupal или любой другой, то вы можете найти готовый плагин, который автоматически оптимизирует все файлы. Вот хороший плагин для WordPress https://wordpress.org/plugins/bwp-minify/.

Минификация настраивается один раз и приносит пользу всё время. Она особенна полезна для посетителей с мобильных устройств.