Настройка плагина W3 Total Cache: расширенные настройки минимизации кода

В предыдущей статье мы завершили конфигурацию настроек кэширования. В этой статье мы продолжим настройку плагина W3 Total Cache в разделах General, HTML & XML, JS, CSS и расширенных настроек, которые расположены в основном меню.

Посмотрим, что предлагает W3TC.

Минимизация

Минимизация кода – удаление лишних символов исходного кода. Префикс «мини» в данном случае означает «уменьшение». Таким образом, цель минификации — сделать исходный код менее объёмным, для того, чтобы улучшить производительность.

Нажмите Minify внутри меню Performance:

Минимизация

Общие настройки

Давайте посмотрим, какие настройки предлагает Основное меню.

1. Перезапись структуры URL

Перезапись структуры URL

Это довольно распространенная практика, когда структура URL переписывается для встраивания CSS – стилей и кода JavaScript. Использование строки запроса с переменными на таких ресурсах, как этот, ведет, как правило, к увеличению времени загрузки страницы, так что включайте этот параметр.

2. Выключаем минимизацию кода для авторизованных пользователей

Выключаем минимизацию кода для авторизованных пользователей

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

3. Сообщения об ошибках минимизации кода

Сообщения об ошибках минимизации кода

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

Сохраняйте настройки и перейдем к следующему пункту.

HTML и XML

В меню настроек, касающихся HTML и XML доступны следующие пункты:

1. Установки минимизации HTML — кода

Установки минимизации HTML - кода

В этой части плагина, мы включаем минимизацию HTML, CSS и JavaScript кода. Мы не будем беспокоиться о минимизации кода каналов. Также не станем включать опцию удаления строк.

В случае если вы заметите неполадки со стилями на страницах сайта, вы можете начать отладку, отключив минимизацию как CSS, так и JavaScript кода.

2. Игнорируемые префиксы

Игнорируемые префиксы

В процессе минимизации будет удален весь лишний код, с целью уменьшить размер страниц. В то же время, может потребоваться, к примеру, оставить код комментариев Google AdSense.

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

И еще раз сохраним настройки.

JavaScript

Перейдем к меню настроек, касающихся кода JavaScript.

1. Настройки минимизации кода JavaScript

Настройки минимизации кода JavaScript

Протестируйте с должной долей ответственности обновление этих параметров. Сжатый код JavaScript может привести к странному поведению страниц.

  • Оптимальные настройки: Основываясь на моем опыте работы с различными серверами и клиентами, я рекомендую использовать настройки, которые вы видите на скриншоте выше: Минимизация кода JavaScript включена, включены режимы «Только совместимое» и «Блокировать по умолчанию». Если проблемы в поведении сайта все еще возникают, вы можете отключить эти параметры;
  • Экстремальные настройки: При использовании режима «Минимизация» вместо режима «Только совместимое» у нас появляется сжатый код JavaScript, который, в свою очередь, может привести к непредсказуемому поведению страниц.

Вы также можете выполнить A/B тестирование, чтобы определить, какие параметры работают лучше.

И еще раз сохраняем настройки.

CSS — стили

Перейдем к настройкам CSS — стилей.

Настройки минимизации кода CSS – стилей и обработки @import

Настройки минимизации кода CSS – стилей и обработки @import

Для начала включаем минимизацию CSS – стилей. Далее включаем опцию удаления разрывов строк. В отличие от кода JavaScript, CSS — стили не будут существенно изменены удалением пробелов. И, наконец, выбираем «Process» для параметра @import handling.

Если вы немного знакомы с CSS, то знаете, что метод @import используется для импорта одного CSS – файла в другой. Этот метод имеет тенденцию замедлять загрузку страницы. Для повышения эффективности плагин W3TC проводит процесс @import и создает отдельный CSS — файл.

Сохраняем настройки.

Расширенные настройки

Мы добрались до расширенных настроек.

Тестирование длины имени файлы и длина имени файла

Тестирование длины имени файлы и длина имени файла

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

Обновление внешних файлов

Обновление внешних файлов

Эта настройка определяет интервал между скачиванием и обновлением файлов кэша минимизации кода. Я рекомендую использовать значение, установленное по умолчанию – 24 часа (что равно 86400 секундам).

Интервал сбора мусора

Интервал сбора мусора

Если вы кэшируете данные на диск, то тут вы указываете, как часто удаляются данные с истекшим сроком действия кэша. Для сильно нагруженных сайтов предпочтительно более низкие значения. Если значение по умолчанию не установлено – подойдет число 864 000.

Другие расширенные настройки

Другие расширенные настройки

Так как мы установили режим «auto-mode» для минимизации кода, эта область поможет контролировать выборочные страницы, пользовательских агентов, и файлы, которые мы хотим исключить из процесса минимизации кода:

  • Никогда не минимизировать код следующих страниц: код страниц, упомянутых здесь, не будет минимизирован;
  • Никогда не минимизировать код следующих JS — файлов: указанные здесь файлы JavaScript не будут минимизированы;
  • Никогда не минимизировать код следующих CSS — файлов: указанные здесь файлы CSS не будут минимизированы;
  • Отклоненные пользовательские агенты: указанные здесь пользовательские агенты не будут получать обычное, не подвергшееся минимизации, содержимое;
  • Включить внешние файлы/библиотеки: все внешние файлы, которые должны быть минимизированы, указываются здесь.

Сохраняем настройки еще раз.

В заключении

Мы рассмотрели в этой статье расширенные настройки плагина W3TC. Если вы выбрали режим auto для процесса минимизации кода – она не будет вам интересна.

Если у вас появились какие-либо вопросы – задавайте их в комментариях.

Перевод статьи “Configuring W3 Total Cache: Advanced Minification Settings” был подготовлен дружной командой проекта Сайтостроение от А до Я.