Хотите минимизировать файлы на своем сайте WordPress? Сокращение ваших файлов WordPress CSS и Javascript может заставить их загружаться быстрее и ускорить ваш сайт WordPress. В этом руководстве мы покажем вам, как минимизировать файлы CSS / Javascript в WordPress для повышения производительности и скорости.
^
Что такое Minify и когда вам это нужно?
Термин «минимизировать» используется для описания метода, который уменьшает размер файла вашего веб-сайта. Он достигает этой цели, удаляя пробелы, строки и ненужные символы из исходного кода.
Обычно рекомендуется использовать только для файлов, которые отправляются в браузеры пользователя. Это включает в себя файлы HTML, CSS и JavaScript. Вы также можете минимизировать PHP-файлы, но PHP – это серверный язык программирования, и его минимизация не улучшит скорость загрузки страниц для ваших пользователей.
Очевидное преимущество минимизации файлов – улучшенная скорость и производительность WordPress. Компактные файлы быстрее загружаются и повышают скорость работы вашего сайта.
Однако некоторые эксперты считают, что улучшение производительности очень мало для большинства веб-сайтов и не стоит хлопот. Минификация уменьшает только несколько килобайт данных на большинстве сайтов WordPress. Вы можете сократить время загрузки страницы, просто оптимизируя изображения для Интернета.
Вот пример нормального кода CSS:
^
После минимизации кода это будет выглядеть так:
^
Если вы пытаетесь набрать 100/100 баллов с помощью Google Pagespeed или инструмента GTMetrix, то минимизация CSS и JavaScript значительно улучшит ваш балл.
Давайте посмотрим, как легко минимизировать CSS / JavaScript на вашем сайте WordPress.
Минимизировать CSS / Javascript в WordPress
Первое, что вам нужно сделать, это установить и активировать плагин Better WordPress Minify. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.
После активации плагин добавит новый пункт меню с надписью «BWP Minify» на панель администратора WordPress. Нажав на нее, вы попадете на страницу настроек плагина.
^
На странице настроек вам нужно проверить первые две опции, чтобы автоматически минимизировать файлы JavaScript и CSS на вашем сайте WordPress.
Теперь вы можете нажать кнопку Сохранить изменения, чтобы сохранить настройки.
На этой странице есть много других расширенных опций. Настройки по умолчанию будут работать для большинства веб-сайтов, но вы можете просматривать и изменять эти параметры в каждом конкретном случае.
Далее вам нужно перейти на ваш сайт. Щелкните правой кнопкой мыши в любом месте, а затем выберите «Просмотр источника страницы» в меню браузера.
^
Теперь вы увидите исходный код HTML, сгенерированный вашим сайтом WordPress. Если вы посмотрите внимательно, вы заметите, что этот плагин будет загружать файлы CSS / JavaScript из собственной папки плагина вместо ваших тем WordPress и плагинов.
Это уменьшенные версии ваших оригинальных файлов CSS и JavaScript. Лучший плагин WordPress Minify будет держать их в кэше и предоставлять минимизированные версии для браузеров.
Вот и все, мы надеемся, что эта статья помогла вам узнать, как минимизировать ваш сайт WordPress. Возможно, вы также захотите ознакомиться с нашим руководством по ускорению работы WordPress для начинающих.
