Библиотека Minify - работа с CSS и JavaScript

Библиотека Minify - работа с CSS и JavaScript

Библиотека Minify - работа с CSS и JavaScript

» » Сообщение:

Библиотека Minify - работа с CSS и JavaScript

Два года назад я рассказывал о сжатии JavaScript, а в прошлый раз затронул тему оптимизации CSS. И вот настало время, когда можно объединить знания, накопленный опыт и двигаться дальше.

Ни для кого не секрет, что проводя техническую оптимизацию сайта недостаточно просто поработать над отдельными частями, важно организовать работу таким образом, чтобы мероприятия, направленные на увеличение скорости загрузки сайта, давали максимальный эффект.

Сжимая CSS и JS различными онлайн инструментами мы несомненно получаем плюс к производительности сайта, даже можем объединить файлы для снижения http запросов, но все эти действия приводят к условно большим затратам труда… Пришло время раскрыть карты и предложить Вам более универсальное решение — пользоваться библиотекой Minify для минимизации, объединения файлов и их кэширования.

Наглядный пример, взятый со страницы проекта на Google Code, демонстрирующий результаты использования библиотека Minify, из которого видно насколько сократилось число http запросов к серверу и уменьшился размер отправленных данных:

Результаты оптимизации с помощью Minify

Используя возможности Minify Вам больше не нужно беспокоиться за наличие пустых строк, пробелов, комментариев и прочего лишнего кода, замедляющего загрузку сайта — код будет оставаться читаемым и удобным для редактирования, в то время как посетителям он будет отдаваться в компактном сжатом виде.

Подключение и использование библиотеки Minify

Перехожу к основному вопросу — как пользоваться скриптом Minify. Для начала необходимо скачать архив по этой ссылке. Затем сохранить папку min, находящуюся в архиве, на сервер в корневую директорию сайта.

Теперь практически все готово. Осталось заменить стандартные вызовы файлов css и js на минимизированные скриптом. Приведу пример, на нем проще понять. В файле header.php нахожу строку с указанием файла стилей:

Код: Выделить всё Развернуть
<link href="/wp-content/themes/lime/style.css" rel="stylesheet" />

и заменяю ее на:

Код: Выделить всё Развернуть
<link href="/min/f=wp-content/themes/lime/style.css" rel="stylesheet" />

Параметр f отвечает за относительный путь к файлу, который необходимо минимизировать. Если необходимо задействовать несколько файлов, то их следует разделять запятой:

Код: Выделить всё Развернуть
<link href="/min/f=wp-content/themes/lime/style.css,wp-content/themes/lime/ie.css," rel="stylesheet" />

---

библиотека minify - работа с css и javascript



Похожие темыКомментарии ПросмотрыПоследнее сообщение
0889JavaScript. Логические операторы и ...
Сообщение от: Admin
3963BBComplex - Классы для каскадных та...
Сообщение от: Admin
11253Re: Как можно этот Snippet на Vanil...
Сообщение от: Admin
0941Обход child nodes - потомков элемен...
Сообщение от: Admin
0493JavaScript методы alert, document.w...
Сообщение от: Admin