Ускоряю сайт Wordpress по Pagespeed Insight бесплатными плагинами

OSMMiNoG

Поделиться в whatsapp
Поделиться в vk
Поделиться в odnoklassniki
Поделиться в telegram
Поделиться в facebook
Поделиться в email

Увеличение скорости сайта WordPress. Бесплатные плагины. Оценка скорости в Pagespeed insight от Google.

Увеличение скорости загрузки сайта WordPress с помощью бесплатных плагинов по версии Pagespeed insight от Google.

Задача ускорить сайт https://obed-ketural.ru по показателям pagespeed insight.

Одностраничный сайт размещен на хостинге beget, сделан на движке WordPress, тема Astra,  конструктор Elementor.

Первичный тест и выявление проблем сайта по скорости загрузки.

Для мобильных устройств:

Оценка скорости сайта PageSpeed Isight

Для компьютеров:

Оценка скорости сайта PageSpeed Isight

Показатели не очень, можно и нужно быстрее.

Редактирование картинок

Удалил все ненужные картинки, плагины, почистил сам код от хлама. Далее перевел все картинки, размещенные на сайте в современный гугловский формат Webp.

Использовал бесплатный плагин из репозитория WordPress — Webp Express.

webp плагин

После установки и активации плагина, перешел в настройки плагина и поменял только эти параметры (точнее переставил местами).

webp плагин настройка

Затем нажал кнопку Bulk Convert для преобразования всех изображений в формат Webp.

webp преобразование

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

В 2019 году не все браузеры поддерживают формат изображений Webp и вот как раз для них наш плагин Webp Express и сохраняет исходные форматы картинок.

Далее нажал кнопку сохранить и откорректировать файл .htaccess. Это нужно для редиректа картинок из форматов jpg, png в webp и обратно если браузер не поддерживает webp.

webp

Проверил, что получилось в pagespeed insight.

Проделанная работа дала свой результат на увеличение скорости загрузки сайта WordPress .

Для мобильных устройств:

Оценка скорости сайта PageSpeed Isight

Для компьютеров:

Оценка скорости сайта PageSpeed Isight

Результат есть, но есть возможность сделать сайт еще быстрее.

Отложенная загрузка картинок

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

Подключил бесплатный плагин отложенной загрузки изображений — a3 Lazy Load

A3 Lazy Load

В настройках плагина ничего не менял

A3 Lazy Load

Это дало небольшие результаты

Для мобильных:

Оценка скорости сайта PageSpeed Isight

Для компьютеров:

Оценка скорости сайта PageSpeed Isight

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

Оптимизация кода сайта

Для оптимизации кода html, js и css воспользовался бесплатным плагином Better WordPress Minify

better wordpress minify

Довольно давно не обновлялся плагин, но вполне рабочий и с достаточным функционалом.

Тут началось самое интересное. Путем проб различных вариантов настроек, периодического тестирования в pagespeed insight и изучения рекомендаций google. Выставил следующие настройки

better wordpress minify
better wordpress minify
better wordpress minify

С разделом Manage enqueued JS files было больше всего сложностей

better wordpress minify

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

Наибольший результат получен при занесении в remove следующих файлов

better wordpress minify

Результат для мобильных

Оценка скорости сайта PageSpeed Isight

Для компьютеров

Оценка скорости сайта PageSpeed Isight

Отличные результаты, сайт должно быть стал пушкой.

Но сайт перестал нормально работать, поэтому пришлось искать оптимальный вариант сохранения функциональности и скорости сайта.

better wordpress minify

В итоге в remove оставил только эти 4 файла

Показатели сайта для мобильных:

Оценка скорости сайта PageSpeed Isight

Для компьютеров:

Оценка скорости сайта PageSpeed Isight

Получилась золотая середина по скорости работы сайта и сохранению полного функционала.

Вот так всего тремя плагинами wordpress удалось улучшить скорость загрузки сайта по показаниям pagespeed insight.

Если есть вопросы или вы знаете, как еще можно ускорить сайт, пишите в комментариях…

https://osmminog.ru
Написать в WhatsApp
Позвонить