Как группировать и минимизировать ресурсы в WordPress
Иметь лучшую производительность - мечта всех, кто управляет веб-сайтом, группирует и минимизирует ресурсы в WordPress - это одна из лучших вещей, которые мы можем сделать для этого, но это может быть очень сложно. Сгруппируйте все свои ресурсы (в основном, файлы CSS и JS), которые могут открыть ваш сайт, если вы не являетесь разработчиком, поскольку это может привести к конфликту.
WP Speed of Light - лучшее решение для работы вашего сайта на wordpress, потому что у него есть множество опций, позволяющих ускорить загрузку вашего сайта с действительно дружелюбной панелью инструментов, и да, одна из этих опций - группировать и минимизировать ресурсы. Включение / исключение одного файла из процесса группировки и минимизации является ключом к настраиваемой оптимизации без конфликтов.
Мы собираемся использовать пример WordPress сайта для этого поста в блоге, и мы узнаем, как это сделать, чтобы процесс настройки все было проще.
Как сделать минирование WordPress JS и CSS
Давайте узнаем, как выполнять минимизацию wordpress js и CSS, но сначала нам нужно знать, что означает минификация «Минификация относится к процессу удаления ненужных или избыточных данных без влияния на то, как ресурс обрабатывается браузером - например, комментарии к коду и форматирование, удаление неиспользуемого кода, использование более коротких имен переменных и функций и т. д. ».
Теперь, что мы собираемся сделать, это тест скорости на нашей странице, чтобы увидеть изменения, для этого примера мы используем сайт с woocommerce и некоторыми продуктами, поэтому в первый раз он будет загружаться немного медленно.
Да, 2,79 секунды для загрузки страницы, неплохо, но могло бы быть и лучше, просто давайте уменьшим js и CSS и увидим разницу, заходим в WP Speed of light > SpeedUp > Group & Minify , вы сможете чтобы увидеть меню со всеми вариантами минимизации. Бесплатная версия плагина включает опцию группировки и минимизации, но визуальное исключение файлов доступно только в версии PRO Addon.
Опции дополнения PRO: исключить встроенный скрипт (исключить встроенный скрипт из минификации), переместить скрипты в нижний колонтитул (это позволяет ускорить работу вашего сайта, переместив все минифицированные скрипты в нижний колонтитул), групповой шрифт и шрифты Google (групповые локальные шрифты и шрифты Google в один файл для более быстрого обслуживания) и Расширенное исключение файлов.
У вас есть возможность минимизировать, как вы можете видеть, JS, CSS, а также HTML, теперь просто активируйте эти параметры, нажмите `` Сохранить '', и все ваши ресурсы будут минимизированы сразу, это может вызвать проблемы, поскольку это расширенная конфигурация, но все может быть исправлено с исключением части кода и файлов (с помощью дополнения pro).
Теперь вся работа разработчика, которая может занять часы, выполняется всего за несколько секунд.
Следующий шаг, WordPress оптимизирует CSS и JS
С помощью этого плагина мы позволим WordPress оптимизировать CSS и js, просто включив параметры группы на панели инструментов, перейдите в WP Speed of Light > SpeedUp > Group & Minify , вы сможете увидеть панель инструментов с параметрами для группировки. CSS и js.
Эти параметры позволяют вам:
- Группа JS: Группировка нескольких файлов Javascript в один файл минимизирует количество HTTP-запросов
- Группировать CSS: Группировка нескольких файлов CSS в один файл минимизирует количество HTTP-запросов.
HTTP-запросы: это запросы, которые отправляются на сервер каждый раз, когда мы выбираем что-то или переходим на другую страницу на том же сайте, поэтому, если мы сможем уменьшить эти запросы, время загрузки уменьшится.
Чтобы проверить, сколько файлов и скриптов вы можете сгруппировать на своем веб-сайте, просто откройте консоль браузера (щелкните правой кнопкой мыши > Проверить или F12) и откройте сетевую панель .
Затем вы можете перечислить все файлы, загруженные по типу, здесь, в этом примере, я нажимаю только на список файлов JS.
Теперь, когда мы находимся на этих настройках, просто включите параметры группы (Group CSS и Group JS) и нажмите «Сохранить», имейте в виду, что эти параметры должны использоваться с осторожностью, и вам придется протестировать свою страницу, потому что это может вызвать конфликты ,
Давайте серьезно и оптимизировать вес шрифта
Какая? Другая оптимизация? Да! вы сможете оптимизировать вес шрифта, и это будет так же просто, как включить опцию в настройках, просто перейдите в WP Speed of Light > SpeedUp > Group & Minify > Group fonts и опция Google Fonts.
Групповые шрифты и опция шрифтов Google позволят вам сгруппировать их в один файл для более быстрого обслуживания, это очень удобно, так как большинство тем и макетов WordPress имеют 2 или шрифты по умолчанию со всеми склонениями (обычный, полужирный, курсив). ...)
Просто включите эту опцию, нажмите «Сохранить», и все шрифты будут сгруппированы.
Теперь, когда мы активировали все опции для минимизации и группировки ресурсов, мы должны увидеть разницу во времени загрузки нашего сайта. Давайте проверим скорость.
Какая разница, от 2,8 до 0,56 секунды! Как мы уже говорили в начале этого поста, мы можем улучшить время загрузки;)
Как использовать исключение минимизации файлов
Минификация может вызвать проблемы на вашем сайте, в основном это происходит, когда вы группируете определенные файлы, которые содержат ошибку синтаксиса или аналогичную переменную, имя класса. Вот почему с опцией «исключение минификации файлов» вы сможете исключить файлы из процесса минимизации и группировки, перейдите в WP Speed of Light > SpeedUp > Group & Minify , вы сможете увидеть расширенную опцию исключения файлов.
Чтобы использовать расширенное исключение файлов, сначала нужно запустить сканирование, активировать опцию и нажать «Запустить сканирование».
Чтобы получить список скриптов, загруженных на ваш веб-сайт, WP Speed of Light необходимо отсканировать вашу папку, чтобы получить их список. Обычно все они содержатся в папке /wp-content, в которой собраны все ваши плагины и темы. Выберите эту папку (как минимум) и нажмите «Сканировать сейчас».
Будет запущено сканирование, наконец, нажмите на просмотр результатов, когда сканирование будет завершено.
Ниже должен отображаться список файлов, классифицированных по типу (Все, JS, CSS, Шрифт). Если вы определили один файл, вызывающий проблемы, при активации файловой группы и минификации вы можете исключить его отсюда с помощью простого переключателя ВКЛ/ВЫКЛ .
Это поможет вам исключить файлы и, таким образом, легко решить любую проблему, которая может возникнуть при минимизации ресурсов… Процесс группировки и минимизации по-прежнему требует некоторой работы, особенно при тестировании, но это определенно стоит затраченных усилий, и вы это сделаете. всегда иметь возможность проверить, как это работает, запустив тест скорости непосредственно из WP Speed of Light .
Попробуйте WP Speed of Light : https://www.joomunited.com/wordpress-products/wp-speed-of-light
Когда вы подписываетесь на блог, мы будем присылать вам по электронной почте сообщения о появлении новых обновлений на сайте, чтобы вы их не пропустили.
Комментарии