Примерное время чтения: 15 минут. 

Введение

Последнее обновление: 12 декабря 2019 года. WordPress – отличная платформа, плюсы и минусы которой мы разобрали в этой статье , но и у нее есть Ахиллесова пята – это его медленная загрузка.

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

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

ускорение вордпресса

Почему скорость загрузки сайта на WordPress важна?

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

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

Не пугайтесь, но: согласно исследованию компании Microsoft Bing – страницы, загрузка которых занимает более двух секунд повышает процент отказов на 6.5%, а так же потеря конверсии составила 3-4%! Страшные цифры на самом деле.

Если ваш сайт слишком долго загружается – многие люди даже не увидят информацию о вас, а тем более ваши преимущества и вероятнее всего уйдут к другим.

Помимо этого, Google официально анонсировали тот факт, что скорость сайта включена в алгоритм ранжирования. Это значит, что скорость вашего сайта влияет на SEO, поэтому если сайт медленнее нормы – вы будете терять позиции, а значит и клиентов.

Давайте это исправим.

​Как ускорить WordPress?

Порядок рекомендаций не размещен в приоритетном порядке. Я просто описываю большинство универсальных решений которые гарантировано повысят скорость работы вашего сайта.

1. Выберите правильный хостинг

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

Если вы рассчитываете на успех и претендуете на популярность вашего сайта – можете об этом забыть, если планируете использовать бесплатный хостинг.

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

Хостинг для WordPress, который я всегда рекомендую – это:

SprintHost – лучший хостинг для сайтов на WordPress

Примечание: в ссылке находится моя реферальная ссылка, которая вам предоставит премиум поддержку, а мне небольшие комиссионные для оплаты своих личных проектов. Если вы против данного “бартера” – пожалуйста, просто загуглите название хостинга и перейдите по прямой ссылке. Я всего лишь даю рекомендации на основе своего опыта.

Мои сайты всегда работают быстро, никогда не “лежат”, даже в пиковых нагрузках. Бэк-энд сервера очень прост и доступен с любой точки мира и любого устройства.

И очень важный момент – поддержка этих ребят всегда на высоте и отвечают они круглые сутки. Поверьте, это одно из самых приоритетных качеств при выборе хостинг-компании. Персонал дружелюбный, адекватный и очень хорошо знает свое дело, а так же нюансы при работе с WordPress. В случае ЧП или форс-мажора они вас всегда выручат.

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

2. Начните с выбора хорошей темы

Наверное вы удивитесь, но стандартная тема “Twenty Nineteen” – является самой легкой и очень быстрой, даже без каких либо манипуляций с оптимизацией.

Дело тут в том, что эта тема не перегружена разным функционалом, достаточно сравнить ее с любой премиум-темой, порой даже современные ПК устройства не могут “проглотить” вес страниц, которые они генерируют.

По моему опыту, самая быстрая загрузка премиум фреймворка – это “Focus Theme”, который стоит примерно 6000 рублей в год. Это превосходный базис для вашего будущего сайта, но если вас пугает цена – используйте стандартную бесплатную тему и просто дорабатывайте ее по мере необходимости.

3. Используйте эффективный плагин кэширования ​​

кеширование что это

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

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

Безусловно, лучший из них – это W3 Total Cache, я бы не рекомендовал использовать любой другой плагин, потому что в нем есть все необходимое и даже больше. Существует ряд других решений и даже платных, но, как правило – отличие лишь в более привлекательной обертке.

Просто установите его, активируйте и включите кеширование в настройках, разница будет заметна сразу.

4. Используйте систему доставки содержимого (CDN)

что такое cdn

Все гиганты-блогеры и коммерческие проекты на WordPress используют CDN.

По сути, CDN. или “система доставки содержимого” забирает себе на сервера все статические файлы которые имеются на вашем сайте (CSS, JS, изображение и тп) и предоставляют их загрузку со своих серверов, которые расположены ближе к пользователю.

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

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

Так же есть бесплатная CDN от CloudFlare, которую я рекомендую попробовать.

5. Автоматическая оптимизация изображений

У нас есть возможность использовать оптимизатор изображений который назвается Shush.it, разработчиком является компания-гигант  Yahoo!.
Фактически он сильно снижает размер файла изображения, не снижая при этом его качество.

Но если вы ленив как и я – то оптимизировать каждое изображение отдельно вам было бы невероятно сложно.

К счастью, есть удивительный, бесплатный плагин который называется WP-SmushIT , он будет делать всю эту рутинную работу за вас, оптимизируя изображения автоматически, как только вы их загрузили.

Не вижу причин, чтобы его не использовать.

Если вам больше симпатизируют десктоп приложения – рекомендую Squash для Mac. Так же подойдет обычный фотошоп.

6. Оптимизируйте главную страницу для быстрой загрузки​

Это не одно действие, а несколько просты вещей, которые вы можете сделать, чтобы гарантировано ускорить самую тяжелую страницу вашего сайта – главную. Не забывайте, что это самая ВАЖНАЯ страница на любом сайте.

Действия, которые вы можете сделать :

  • Показывать короткие анонсы статей, вместо полной информации
  • Уменьшить количество отображаемых постов – оптимальный диапазон 5-6.
  • Удалить большинство ненужных виджетов со страницы. Если есть возможность заменить виджет статикой – сделайте это!
  • Удалите неактивные плагины и виджеты, которые вам не нужны
  • Придерживайтесь минимума! Помните, что посетителям вашего сайта важно в первую очередь содержимое!

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

7. Оптимизация базы данных WordPress​

Да, я часто использую слово “оптимизация” в этой статье 🙂

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

Рекомендую плагин WP-Optimize, который я использую на всех своих сайтах.

Этот плагин позволяет вам выполнить только одну простую задачу: оптимизировать вашу базу данных (спам, постредакции, черновики, таблицы и т.д.) чтобы уменьшить нагрузку.

Я также рекомендую плагин WP-DB Manager, который может планировать очистку и оптимизацию базы данных.

8. Отключите функцию hotlinking и leeching вашего контента

Hotlinking – это фактически кража пропускной способности вашего сервера. Это работает так – какой-то сайт ссылается на изображение с вашего сайта и отображает его у себя, соответственно запрос идет через ваш сервер.

Возможно на данном этапе вам это малоинтересно, но поверьте, в будущем таких обращений ежедневно может быть более тысячи!

Чтобы решить эту проблему – поместите в корневой каталог .htaccess файл со следующим содержимым:

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

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

Это решение может значительно сократить время загрузки сайта при повторных обращениях:

Вам необходимо скопировать и вставить следующий код в .htaccess файл:

Вышеуказанные цифры устанавливаются на месяц (в секундах), вы можете изменить их по своему желанию.

10. Настройка изображений Gravatar

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

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

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

11. Используйте LazyLoad на ваших изображениях

lazyload для ускорения вордпресса

LazyLoad – это процесс очередной загрузки изображений. То есть загружают только те изображения, которые в данный момент видны в окне браузера. То есть зайдя на сайт – браузер загружает только те изображения, которые вы видите. Прокручивая сайт вниз – он продолжает загружать те изображения, до которых вы проскроллили страницу. Если вы так и не опуститесь вниз по странице – помимо изначальных изображений другие загружены не будут.

Это поможет не только ускорить скорость загрузки страницы, но и сэкономить пропускную способность хостинга, а так же сэкономить мобильный трафик ваших пользователей.

Чтобы использовать эту технологию автоматически – попробуйте плагин JQuery Image Lazy Loading

12. Управляйте количество сохраняемых ревизий

Пока я писал эту статью – я ее сохранил как черновик около 4 раз.

WordPress используя стандартный функционал будет хранить все эти 4 копии черновиков бесконечно.

После написания статьи – данные черновики мне не нужны, зачем мне их хранить, забивая при этом базу данных?

Вот почему я использую плагин Revision Control  который позволяет контролировать количество сохраняемых ревизий. Оптимальное число – 2, после сохранения 2 черновиков – более старые будут перезаписаны.

13. Выключите пингбэки и трекбэки

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

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

Отключение этой функции не приведет к уничтожению обратных ссылок на ваш сайт, это просто настройка, которая генерирует много работы для вашего сайта.

Более подробный материал по данной теме вы можете увидеть здесь.

14. При необходимости замените PHP на статичный HTML

Я уже писал об этом в этой статье, но более подробно разберу и здесь.

Это кажется довольно сложным мероприятием, но тем не менее, я попытаюсь обьяснить как можно проще.

Например, есть переменная движка или плагина, которая выводит количество постов в определенной категории. Вместо этого вы можете написать в HTML статику – “В данной категории 13 постов.”

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

15. Используйте CloudFlare

cloudflare для вордпресса

Я уже писал об этом выше, но тем не менее – “Облака” достойны отдельного упоминания.

Если вкратце – CloudFlare отлично работает в паре с W3 Total Cache. Он значительно улучшает не только скорость загрузки, но и безопасность вашего сайта – фильтруя содержимое, посетителей и даже защищая вас от взлома и ддоса.

Спасибо за прочтение! Если у вас остались вопросы или замечания – я всегда отвечаю на все комментарии!

Свежее
Комментарии

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

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

Свяжитесь
Напишите нам или заполните форму и мы с вами свяжемся.
Отправить Сообщение
Контактная информация