Веб студия » Блог » 9 советов, как ускорить работу сайта на WordPress
Дата публицакии: 23 апреля 2021

9 советов, как ускорить работу сайта на WordPress

Содержание :

По статистике 25% пользователей покидают страницу сайта если она не грузится в течение 4 секунд. Если вам удастся сократить скорость загрузки ресурса до 2.9 секунд, то он будет работать быстрее, чем половина существующих. И если вы знаете, что ваш сайт работает не так быстро, как хотелось бы, то умное решение — провести оптимизацию. 

Даже если ваш ресурс имеет самый уникальный и лучший в мире контент, но при этом он сильно тормозит, пользователь не будет читать ваши идеальные посты. В этой статье мы расскажем как ускорить работу сайта на WordPress, чтобы увеличить посещаемость и улучшить СЕО.

Проверка скорости WordPress

Первым важным шагом, перед оптимизацией — проверка состояния сайта по отношению к другим. Так как речь идет о скорости, то нужно узнать, каков этот показатель. Он должен грузиться от 1.5-3 секунд, не более. Чтобы проверить ресурс на способность быстро загружать сайт, не надо брать секундомер. Существуют специальные инструменты. Они не только покажут всю правду о сайте, но и то, как можно исправить существующие ошибки.

Инструменты для измерения скорости сайта

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

  1. PageSpeed Insights. Инструмент от Google. Пользоваться им можно совершенно бесплатно. Если скорость сайта низкая, то система будет давать подсказки, как лучше исправить ошибку. Полезный инструмент от PageSpeed Insights — отчеты скорости загрузки сайта. 
  2.  Pingdom Tools. Информативный инструмент, позволяющей узнать загрузку страниц сайта. Есть платная версия и пробная, бесплатная (14 дней). Проблему можно “развернуть” и почитать подробности. Система предлагает способы ее решения
  3.  GTmetrix. Информация представляется в организованном виде. Бесплатная версия показывает время загрузки, количество запросов и общий размер страницы. Также GTmetrix показывает браузер и локацию сервера, производительность страницы. Этого достаточно для анализа скорости загрузки вашего веб-портала.

Зачем ускорять сайт

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

Длительная загрузка ресурса негативно влияет на его развитие. И вот почему:

  • Потенциальные клиенты уходят к конкурентам. Если сайт грузится долго, то проще вернутся в поисковик и выбрать другой ресурс.
  • Согласно исследованию Akamal задержка загрузки на 0,1 секунды, конверсия уменьшается на 7%.
  • На медленный сайт пользователи не вернутся.
  • Скорость влияет и на ранжирование ресурса. Если он долго прогружается, то поисковая система просто не успеет проиндексировать его.

Ответ на вопрос: “Зачем ускорять сайт?” Очевиден.

Как ускорить сайт

Существуют действенные методы, которые позволят ускорить сайт, сделав его более привлекательным для пользователя. Рассмотрим подробнее каждый шаг.

Шаг 1 – Удаление ненужных плагинов и тем

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

Эти лишние компоненты, особенно устаревшие, приводят к тому, что сайт начинает тормозить. И первый шаг к успеху — удалить неактивные темы и плагины. Идеальный сайт — это тот, который состоит из необходимых плагинов, обеспечивающих его работоспособность.

Шаг 2 – Минимизация CSS, HTML и JavaScript

Именно минимизация считается самым эффективным методом повышения производительности сайта. Под данным термином подразумевается удаление лишних символов. К примеру, пробелов, комментариев. Делается это в frond-end-файле. Это позволяет уменьшить вес файлов. При этом функционал сохраняется. Сделать это можно при помощи специальных плагинов: Autoptimize и W3 Total Cache.

Шаг 3 – Включение Gzip сжатие

Также можно использовать сжатие Gzip. Дело в том, что каждый раз, когда пользователь посещает ваш сайт, с вашего сервера загружаются файлы. Воспользовавшись сжатием Gzip вы сможете уменьшить их размер. Это повлияет на скорость загрузки сайта. Если вы не знаете, включена ли на вашем сайте данная функция, необходимо использовать checkgzipcompression.com.

Шаг 4 – Оптимизация изображений

Красивые и качественные изображение — это классно, но они могут вызвать низкую пропускную способность. Поэтому, обратите внимание на их размер. Но это не значит что нужно использовать размытые картинки. Используя стандартный Photoshop, уменьшите вес изображения. А если нет желания возиться с картинками самостоятельно, достаточно установить плагины Smush Image Compression и Optimization.

Настройка LazyLoad – отложенная загрузка изображений

Отложенная загрузка, она же ленивая — способ загрузки изображений, когда картинка загружается не сразу, а по мере надобности (асинхронно). Существует несколько вариантов отложенного контента: по скроллингу (в таком случае картинка будет подгружаться, когда пользователь до нее доскролливает); по клику (грузиться, когда пользователь нажимает на миниатюрку); в фоновом режиме (например, когда посетитель сайта загрузил документ и оставил его открытым). Отложенная загрузка — отличный вариант увеличить загрузку сайта на ВордПресс.

Шаг 5 – Разделение длинного контента на страницы

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

В админке WordPress с легкостью можно включить раздел страницы. Для этого нужно зайти в раздел “Настройки” — “Обсуждение”. Вы можете указать максимальное количество комментариев на одной странице. В идеале ставить среднее значение, так как два-три комментария под публикацией могут вызвать недоверие и негатив у посетителей.

Шаг 6 – Как увеличить скорость загрузки сайта с помощью изменения версии PHP

Самый эффективный шаг для увеличения скорости загрузки сайта. Достаточно просто перенести PHP 5 на PHP 7. После переноса, производительность сайта увеличивается в 2 раза. Кроме того, 7 версия PHР обрабатывает на 112% больше запросов в секунду чем 5 версия. При этом стоит помнить, что некоторые плагины, которые были установлены на РНР 5 могут быть несовместимы с 7 версией.

Шаг 7 – Использование плагинов для кэширования

Начнем с того, что кэширование — это метод, который позволяет перенести определенную часть информации на сервер. Дело в том, что механизмы кэширования хранят информацию, часто используемую клиентом. Браузеру не нужно повторно получать эти данные. Процедура кэширования позволяет повысить производительность сайта. Этот метод можно назвать самым эффективным. 

Кэширование браузера

В файле .htaccess можно настроить период хранения статического контента (к примеру, изображения) в браузере. Таким образом можно сократить время загрузки сайта. Для этого нужно открыть выше написанный файл (он находится в корневой директории) и добавить специальный код. 

К слову, не стоит забывать о бэкапах

Кэширование WordPress

Существуют специальные плагины, которые позволят улучшить скорость загрузки страниц. К самым популярным можно отнести: W3 Total Cache и WP Super Cache. К слову, последний вариант имеет более гибкие настройки. 

Приведем простой пример на плагине W3 Total Cache. После установки, зайдите в раздел Settings, там включите: 

  • Page Cache.
  • Minify.
  • Browser Cache.

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

Шаг 8 – Использование Сети Доставки Содержимого (CDN)

На время отклика влияет и тот факт что веб-страницы находятся на физическом оборудовании. Оно, в свою очередь, может находиться далеко от вашего местоположения. Чтобы решить эту проблему, достаточно воспользоваться сетью доставки содержимого, CDN. Если включить эту функцию на своем сайте, то браузеру пользователя не нужно извлекать каждую страницу с веб-сервера. Некоторые статические страницы размещаются в дата-центрах, находящиеся вблизи местоположения клиента. Таким образом количество запросов, которое обрабатывает веб-сервер, уменьшается. Производительность сайта возрастает.

Шаг 9 – Оптимизация домашней страницы

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

  • Не переусердствуйте с виджетами. Нужно использовать только те, которые действительно необходимы. Обратите внимание и на их вес.
  • Если у вас свой блог, то не нужно выводить на главную страницу полное содержание статей. Достаточно опубликовать превью со ссылкой “читать далее”.
  • Не стоит выводить более 10 постов на домашнюю страницу. 

Включение защиты от хотлинкинга

К примеру, ссылка на изображение, находящееся на вашем сайте помещается на другом ресурсе, то каждый раз, когда ее кто-то будет открывать, будет переходить на ваш сервер. Следовательно, потреблять ресурсы именно вашего аккаунта. Чтобы решить эту проблему, нужно просто заблокировать такие запросы. Можно воспользоваться опцией “Защита Hotlink”. Правда это актуально только тем, кто является пользователем cPanel.

Можно включить защиту и при помощи кода .htaccess:

RewriteEngine On

RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yourdomain\.com/ [NC]

RewriteCond %{HTTP_REFERER} !^$

RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [L]

Данный код проверяет откуда именно пришел запрос: если со страницы вашего сайта, то изображение откроется, если с чужого — сервер покажет ошибку.

Колесников Дмитрий
Технический директор, студии BRAINLAB

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Хотите сделать что-то великое?
Позвольте помочь вам.
Готовы? Свяжитесь сегодня.

Свяжитесь с нами!

info@brainlab.com.ua

Наш офис

Украина, Киев

улица Евгения Сверстюка, 19

Номер телефона

38 (095) 307 888 5

Мы в соц.сетях

Калькулятор стоимости сайта Brainlab

Интересует стоимость разработки сайта? Наш калькулятор дает возможность изучить стоимость каждого этапа и подобрать подходящий под бюджет вариант.
1. Тип сайта
Сайт визитка Сайт визитка

Невеликий сайт, як правило, складається з декількох веб-сторінок (до 5), містить основну інформацію про організацію, приватну особу, компанію.

Подробнее о сайте
Landing Page

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

Подробнее о сайте
Корпоративный
сайт

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

Подробнее о сайте
Сайт-каталог

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

Подробнее о сайте
Интернет магазин

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

Подробнее о сайте
2. Дизайн
3. Вёрстка
4. Движок CMS
Тип сайта: Не выбрано
0 $
Дизайн: Не выбрано
0 $
Вёрстка: Не выбрано
0 $
Движок CMS: Не выбрано
0 $
Примерная стоимость: 0 $
Примерные сроки: 0 дней

Хотите сделать что-то великое?
Позвольте нам помочь вам.

Готовы? Свяжитесь сегодня.
Зполните поле
Зполните поле
Зполните поле
Зполните поле
Спасибо за заявку!

Наши менеджеры свяжутся с вами в ближайшее время.