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

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

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

  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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

Можно использовать следующие HTML -теги и атрибуты: <a href= http://pixelcom.crimea.ua/"" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>