Ускорение работы сайта на WordPress

Разместил , 6 Июл.2015 / комментариев 10
Нашли то, что нужно вам? Закажи себе! Без переплат.

Для Google, Яндекса и других поисковых систем скорость загрузки сайта является важным фактором ранжирования. Рассмотрим ускорение загрузки и работы сайта на CMS WordPress. Результаты работы можно увидеть в конце поста.

Сайт: SeoKrem.com.

Цель: Ускорить загрузку и работу сайта на CMS WordPress плагинами (без правки кода).

Шаг 1. Анализ текущей ситуации со скоростью загрузки.

Ускорение этого блога я делал еще в феврале 2015 года, поэтому скриншота прошлого состояния не сохранилось. По памяти помню, что сервис PageSpeed Insights показывал скорость загрузки 50/55 для мобильных/ПК. Состояние было плачевное и я задумался про ускорение.

Проанализируйте свой сайт на WordPress с помощью сервиса Google PageSpeed Insights и если результат загрузки сайта меньше 85 — читайте дальше.

Шаг 2. Устанавливаем плагины для ускорения.

WP Fastest Cache

Плагин для кэширования сайта, сжатия файлов, минимизации и объединения css, js, очень широкий функционал. Плагин в нужной комплектации бесплатный.

Зайдите в админке сайта на WP в «Плагины» -> «Добавить новый». Впишите название плагина, нажмите «Поиск». Первый плагин с изображением животного кошачьего типа — наш плагин. Устанавливаем.

EWWW Image Optimizer

Плагин для оптимизации изображений. Сжимает существующие и загружаемые картинки без потери качества.

Зайдите в админке сайта на WP в «Плагины» -> «Добавить новый». Впишите название плагина, нажмите «Поиск». Первый плагин с изображением молотка, который бьет по картинкам — наш плагин. Устанавливаем.

Шаг 3. Настройка ускорения сайта на WordPress

Настроим кеширование и минимизацию css, js файлов. В панели администратора новым пунктом меню у вас появился WP Fastest Cache. Зайдите по ссылке, внизу вы увидите поле language, установите русский язык. Установите галочки во всех пунктах, как на скриншоте ниже. В другие вкладки плагина можете не заходить — там платные функции, за которые вам вряд ли захочется отдавать деньги.

Настройка WP Fastest Cache

 

После этого сожмём картинки на сайте. В панели админки WP наведите на медиафайлы, выберите пункт «Оптимизировать». В выбранном окне воспользуйтесь двумя функциями — оптимизацией картинок из библиотеки и оптимизация других картинок (шаблона, движка и т.д.). Этими действиями вы сжимаете уже существующие изображения на сайте, загружаемые после установки плагина картинки будут сжиматься автоматически при загрузке на сервер.

Оптимизация изображений в WordPress

 

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

Шаг 4. Результаты ускорения сайта.

Результаты шикарные. С 50 сразу стало 81 (опять-таки, по памяти). Почитав рекомендации Гугла нашел множество проблем загрузки, связанной с плагином, который предназначен для красивого вывода программного кода на блоге. После того, как я его снес — это значение поднялось до 91! Вот, что показала Яндекс Метрика — отчет по загрузке страниц:

Ускорение ответа сервера на WordPress

 

По скриншоту четко видно, что скорость загрузки страниц снизилась с 1 секунды от 0.1. Отмечу, что улучшились позиции в Google и даже в Яндексе, уменьшилось число отказов (некоторые люди, особенно с мобильным интернетом, не желают долго ждать и покидают сайт, если после перехода на сайт он сразу не начинает загружаться).

Дополнительно

Не используйте оригиналы изображений, если необходимо вывести картинку в маленьком размере.

Это заметно снижает скорость загрузки и отношение Google к сайту. Простой пример — в моем блоге на главной вы увидите над лентой последних постов текст и небольшое фото. Если бы я поставил в атрибут src тега img ссылку на изображение оригинал разрешением ~1000×2000 и вывел картинку 100×100, серверу пришлось бы загружать изображение 1000×2000, браузер сжал бы ее до нужных размеров, которые я прописал в стилях отображения, но реально-то загружался оригинал. Поэтому я не поленился отресайзить её в Photoshop и только после этого использовать в шаблоне. Загружайте изображения ровно в таком разрешении, в котором хотите её отобразить.

Меньше графики — быстрее сайт.

Графика занимает в сотни и тысячу раз места больше, чем несколько строк в CSS и HTML. Старайтесь делать элементы сайта при помощи этих языков разметки во всех случаях, где это возможно.

Меньше плагинов — меньше запросов к базе данных.

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

Если у вас возникли проблемы с ускорением сайта на WordPress или возникли вопросы по теме — пишите в комментарии или на почту через форму слева — постараюсь помочь.

  • Nekromant

    Как действует плагин кеширования на биржи ссылок ? Я из за сапы вырубил wp super cache на многих моих сайтах.

    • Сложно сказать, если честно, автоматическими биржами давно сайты не монетизировал. Нужно тестировать. Если у кого-то есть информация по этому поводу, добавлю в пост со ссылкой на авторство.

  • Сравнивали этот плагин с wp super cache? По описанию на первый взгляд WP Fastest Cache может больше. Хотелось бы услышать мнение, стоит ли менять один на другой.

    • У меня стоял в свое время Super Cache на всех сайтах на WP, он просто умеет кэшировать и ничего больше. Fastest Cache — многофункциональный плагин, кеширование — только 1 функция из многих имеющихся.

      • Поменяла на одном сайте для эксперимента super cache на Fastest Cache, но ничего не изменилось. К тому же кеширование для мобильной версии платное. Роман, как с мобильной версией решали?

        • Средствами сервера 🙂

          • О, Роман! Это любопытно)) А на пальцах можно объяснить как это делается? ) Буду благодарна! )

  • Dmitry Mazaihin

    Помогите решить проблему, я никогда с таким не сталкивался — есть сайт с фото галереей, в ней выводится несколько фото товаров, но вывод фото организован не через img src а через background-image — соответственно альт не пропишешь к картинкам. Интересует вопрос как отнесутся поисковики к этому, они вообще будут понимать что в этой части страницы есть фото контент? Но скорость загрузки страницы, я так понимаю будет меньше. Заранее спасибо!

    • Лучше всего переверстать, background-image не получат поискового веса.

  • Aliexpress на русском

    Установил WP Fastest Cache увидел что мобильная версия кэша доступна только в про. Удалил.
    А вот за оптимизацию картинок спасибо работает на ура. А то в падлу было на сервере ставить все эти модули и делать все вручную прописывая команды.