Как группировать и минимизировать ресурсы в 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

×

×

Не уходите, не поделившись своей электронной почтой!

Мы не можем гарантировать, что вы выиграете в лотерею, но мы можем обещать интересные информационные новости о WordPress или Joomla и периодические скидки.

Ваше имя:

Ваш адрес электронной почты:

Подпишитесь на наш блог