Увеличение скорости загрузки сайта WordPress с помощью бесплатных плагинов по версии Pagespeed insight от Google.
Задача ускорить сайт https://obed-ketural.ru по показателям pagespeed insight.
Одностраничный сайт размещен на хостинге beget, сделан на движке WordPress, тема Astra, конструктор Elementor.
Первичный тест и выявление проблем сайта по скорости загрузки.
Для мобильных устройств:
Для компьютеров:
Показатели не очень, можно и нужно быстрее.
Редактирование картинок
Удалил все ненужные картинки, плагины, почистил сам код от хлама. Далее перевел все картинки, размещенные на сайте в современный гугловский формат Webp.
Использовал бесплатный плагин из репозитория WordPress — Webp Express.
После установки и активации плагина, перешел в настройки плагина и поменял только эти параметры (точнее переставил местами).
Затем нажал кнопку Bulk Convert для преобразования всех изображений в формат Webp.
На самом деле плагин создает новые изображения разных размеров в формате Webp, исходные картинки также остаются в своем первоначальном формате .Jpg или .Png.
В 2019 году не все браузеры поддерживают формат изображений Webp и вот как раз для них наш плагин Webp Express и сохраняет исходные форматы картинок.
Далее нажал кнопку сохранить и откорректировать файл .htaccess. Это нужно для редиректа картинок из форматов jpg, png в webp и обратно если браузер не поддерживает webp.
Проверил, что получилось в pagespeed insight.
Проделанная работа дала свой результат на увеличение скорости загрузки сайта WordPress .
Для мобильных устройств:
Для компьютеров:
Результат есть, но есть возможность сделать сайт еще быстрее.
Отложенная загрузка картинок
Для ускорения загрузки сайта необходимо сделать отложенную загрузку картинок. Она нужна для того, чтобы при открытии сайта пользователем все изображения на нем не загружались сразу и не грузили сайт по несколько минут. При отложенной загрузке картинки будут загружаться только тогда, когда посетитель, пролистывая сайт, дойдет до них.
Подключил бесплатный плагин отложенной загрузки изображений — a3 Lazy Load
В настройках плагина ничего не менял
Это дало небольшие результаты
Для мобильных:
Для компьютеров:
Все, что было сделано очень хорошо влияет на увеличение скорости загрузки сайта WordPress. Чтобы сделать сайт еще быстрее необходимо оптимизировать сам код, скрипты и стили сайта.
Оптимизация кода сайта
Для оптимизации кода html, js и css воспользовался бесплатным плагином Better WordPress Minify
Довольно давно не обновлялся плагин, но вполне рабочий и с достаточным функционалом.
Тут началось самое интересное. Путем проб различных вариантов настроек, периодического тестирования в pagespeed insight и изучения рекомендаций google. Выставил следующие настройки
С разделом Manage enqueued JS files было больше всего сложностей
Исходя из рекомендаций pagespeed insight необходимо определить какие файлы нужно загружать в первую очередь, какие убирать в подвал, а какие и вовсе удалить.
Наибольший результат получен при занесении в remove следующих файлов
Результат для мобильных
Для компьютеров
Отличные результаты, сайт должно быть стал пушкой.
Но сайт перестал нормально работать, поэтому пришлось искать оптимальный вариант сохранения функциональности и скорости сайта.
В итоге в remove оставил только эти 4 файла
Показатели сайта для мобильных:
Для компьютеров:
Получилась золотая середина по скорости работы сайта и сохранению полного функционала.
Вот так всего тремя плагинами wordpress удалось улучшить скорость загрузки сайта по показаниям pagespeed insight.
Если есть вопросы или вы знаете, как еще можно ускорить сайт, пишите в комментариях…
https://osmminog.ru
Написать в WhatsApp
Позвонить
