Ускорить работу сайта WordPress

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

Оглавление:
  1. Почему так важна скорость загрузки веб-страниц
  2. Улучшение рейтинга в поисковых системах
  3. Повысить коэффициент конверсии
  4. Тест скорости сайта
  5. Проблемы с производительностью в WordPress
  6. Факторы влияющие на производительность WordPress
  7. Специализированный хостинг для WordPress
  8. Выбор темы для сайта WordPress
  9. Количество плагинов
  10. Держать сайт в чистоте
  11. Сократить и объеденить JavaScript и CSS
  12. Оптимизировать изображения
  13. Использовать кэш браузера
  14. Отображение контента
  15. Заключение

В этой статье мы рассмотрим:

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

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

Почему так важна скорость загрузки веб-страниц

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

— О_о какой быстрый сайт!

— посмотрю-ка Я еще одну страницу

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

Впечатление пользователя это не единственное преимущество. Если Вы разработчик веб-сайтов этим Вы покажите свой опыт работы в создании качественных сайтов. Согласно KISSmetrics 47% запросов ожидают загрузку страницы в течение двух секунд, если дольше, скорее всего будет отказ от запроса.

к меню ↑

Улучшение рейтинга в поисковых системах

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

к меню ↑

Повысить коэффициент конверсии

Большинство веб-сайтов содержат рекламные ссылки что бы было чем оплатить услуги хостинга, домена (на пиво), так вот скорость загрузки сайта на 1% может повысить коэффициент конверсии CTR (кликобельность).

к меню ↑

Тест скорости сайта

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

Наиболее популярные инструменты для теста скорости сайта:

Эти сервисы предоставят Вам список рекомендаций как улучшения скорость сайта.

PageSpeed Insights предоставляет значение для мобильного использования.

Тест скорости сайта для мобильного использования
Значение для мобильного использования

Так выглядит значение для настольного компьютера.

Тест скорости сайта для настольного компьютера
Значение для настольного компьютера
к меню ↑

Проблемы с производительностью в WordPress

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

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

Тест плагина P3 для WordPress
Детальная информация о времени загрузки плагинов

Я раньше не знал что для загрузки плагина All In One Seo Pack требуется 0.0412 секунд, еще одна причина избавится от него.

к меню ↑

Факторы влияющие на производительность WordPress

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

к меню ↑

Специализированный хостинг для WordPress

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

Я всем рекомендую хостинг Ukraine — это не реклама, смотрите сами. На снимке полный список настроек оптимизации сайта.

На снимке список настроек для оптимизации сайта
Список настроек для оптимизации сайта

Настройки оптимизации сайта абсолютно бесплатны!

к меню ↑

Выбор темы для сайта WordPress

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

Тема WordPress с большой функциональностью также является важным фактором, так как это уменьшит необходимость в дополнительных плагинах. Но. темы с большой функциональностью как правило платные их стоимость превышает 70 долларов США.

Бесплатные темы для WordPress по адресу http://wordpress.org/themes/

к меню ↑

Количество плагинов

Количество дополнительных плагинов для вашего сайта WordPress изначально зависит от установленной темы. Чем меньше установленных плагинов в системе WordPress тем лучше. Потому что почти каждый плагин имеет свою таблицу CSS и файлы JavaScript. Это всё дополнительные http-запросы и байты, которые прямым образом влияют на скорость загрузки веб-страниц.

к меню ↑

Держать сайт в чистоте

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

Комментарий trackback/pingback — это обычный спам, это одна из SEO тактик. Боты на веб-сайт добавляют внешние ссылки в пользу SEO. Ваш сайт будет постоянно посещаться ботами, используя ресурсы вашего сервера. Это не редкость, есть сайты которые стали жертвами спама в комментариях до тысячи ссылок в одну строку.

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

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

к меню ↑

Сократить и объеденить JavaScript и CSS

JavaScript, CSS и web-font делают наши сайты красивыми и более удобными для просмотра, но, они же и влияют на скорость загрузки веб-страницы. Из HTTP архива средний размер передачи всех ответов, с июня 2013 по июнь 2014 года увеличилось, в то время как количество запросов осталась без изменений.

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

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

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

к меню ↑

Оптимизировать изображения

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

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

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

к меню ↑

Использовать кэш браузера

Хорошо что изображения и файлы JavaScript, CSS можно добавить в кэш браузера. Использовать кэш браузера для изображения, JavaScript и CSS можно с помощью простого кода, его достаточно добавить в файл .htaccess.

Для файла .htaccess
# кеширование в браузере на стороне пользователя
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/html "access plus 7 day"
ExpiresByType text/x-javascript "access 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/x-shockwave-flash "access 1 year"
</IfModule>
# Cache-Control
<ifModule mod_headers.c>
# 30 дней
<filesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
# 30 дней
<filesMatch "\.(css|js)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
# 2 дня
<filesMatch "\.(xml|txt)$">
Header set Cache-Control "max-age=172800, public, must-revalidate"
</filesMatch>
# 1 день
<filesMatch "\.(html|htm|php)$">
Header set Cache-Control "max-age=172800, private, must-revalidate"
</filesMatch>
</ifModule>
# использование кеша браузеров
FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
ExpiresActive on
ExpiresDefault "access plus 1 year"
</filesmatch>
</ifmodule>
#Запрет отдачи HTTP-заголовков Vary браузерам семейства MSIE
<IfModule mod_setenvif.c>
BrowserMatch "MSIE" force-no-vary
BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
</IfModule>

Плагины кэширования для WordPress генерируют статические HTML файлы, без повторного обращения к базе данных. Кэширование также помогает сайту обрабатывать большой объем трафика. Есть много плагинов для кеширования в браузере на стороне пользователя, наиболее популярными из них:

Вы можете смоделировать нагрузку и измерять эффективность вашего сайта, используя инструменты:

Простой тест, с помощью ab сделает 100 запросов (5 одновременных подключений) будет выглядеть так:

$ ab-n 100-c 5 http://example.ru/

к меню ↑

Отображение контента

Если у вашего сайта большое количество посещаемости и Вам нужно увеличить скорость работы веб-сайта, отображение контента (CDN) может решить эту задачу.

CDN теперь стали вполне доступными и приносят дополнительную прибыль, если конечно у Вас большая аудитория.

Популярные CDN:

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

к меню ↑

Заключение

В этой статье мы рассмотрели много факторов, которые влияют на производительность сайта. Настройка производительности — это постоянный процесс мониторинга и совершенствования.

Подводим итоги:

  • Выбрать качественный хостинг
  • Выбрать качественные темы и плагины
  • Запустить тест скорости для выявления проблем производительности
  • Уменьшить количество плагинов
  • Сократить и объединить файлы
  • Оптимизировать изображения
  • Держать ваш сайт в чистоте
  • Использовать кэширование и CDN

Если вы ищете более подробную информацию о производительности веб-приложений, смотрите Web Performance Optimization и официальная страница WordPress Codex.