Оптимизация производительности сайта на WordPress

Оптимизация производительности сайта на WordPress

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

Насколько медленный мой сайт?

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

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

Замерьте скорость сайта до и после настройки производительности. Если вы добились загрузки страниц за 2 секунды, значит, вы все сделали правлиьно.

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

Выберите хороший хостинг

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

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

Не так давно SitePoint заключил соглашение с SiteGround. Теперь SiteGround является официальным рекомендуемым хостингом сайта SitePoint. Серверы провайдера раскиданы по нескольким континентам, и на них используются новейшие SSD-накопители, а также встроенное кэширование. Также есть бесплатный CDN. SiteGround много инвестирует в ускорение. Их гибкие серверы постоянно обновляются как программно, так и аппаратно, а также поддерживают PHP7 и HTTP/2.

Оптимизируйте тему

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

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

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

Thesis и Schema – еще две темы, которые ставят в приоритет производительность.

Наконец, WordPress Base Theme, которая стоит на SitePoint, также отличный пример для начала. Эта легкая и очень быстрая тема, 98/100 на Pingdom Page Speed Test.

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

Адаптивные сайты нравятся Google, так что ожидайте небольшого прироста в SEO при переходе на адаптивный дизайн.

Следите за своими плагинами

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

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

Оптимизируйте свои виджеты

Виджеты должны быть легкими и максимально просто загружаться. Некоторые из них при отрисовке подгружают внешний JS и CSS. Внешние ресурсы обычно загружают виджеты социальных сетей типа Facebook, Twitter и Google+.

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

Оптимизируйте статичный контент

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

Если сервер общий, лучше всего включить gZip-сжатие прямо через cPanel (если ваш хостинг провайдер предлагает такую панель).

Включить gZip-сжатие можно через плагин типа W3 Total Cache. Плагины мы разберем в следующей статье.

В идеале, ищите хостинг, предлагающий в своих тарифах CDN, как SiteGround. Существует множество CDN-сетей: Amazon S3, MaxCDN, Media Temple CDN, Cloudflare, Free CDN.

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

Оптимизируйте изображения

Изображения – один из самых тяжелых элементов на сайте – они составляют 65% всего контента в сети. Существует несколько способов оптимизировать загружаемые изображения.

Первый, определить максимальное разрешение изображения для превью, средних и больших размеров. Эти опции расположены в Settings/Media. Если вы загрузите изображение 1024px, а контентная область составляет 604px, то изображение уменьшится через CSS. Полученное изображение 604px в ширину намного проще загрузить.

Во-вторых, сжимайте! Эта техника уменьшает размер файлов без потери качества и изменения размеров. Yahoo убили сервис Smush.it пару лет назад, но в сети есть и другие сервисы типа reSmush.it, а также ряд плагинов, о которых мы поговорим в следующей статье.

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

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

В-пятых, используйте CSS-спрайты. Объедините множество маленьких изображений из темы в минимальное количество файлов, это повысит производительность.

Оптимизируйте базу данных

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

Базу данных можно оптимизировать напрямую через phpMyAdmin или с помощью плагинов. О плагинах мы поговорим в следующей статье.

Ускорьте высоконагруженные сайты с помощью кэширования

Кэширование сильно помогает высоконагруженным сайтам. Каждый раз при загрузке WP-страницы информация вытягивается из базы данных и CSS-файлов и смешивается с HTML-файлом, который можно загрузить в браузер пользователя. На все это нужно время.

Кэширование сохраняет эти HTML-файлы, экономя время посетителям. Плагины кэширования мы рассмотрим в следующей статье.

Обслуживайте WordPress

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

обновляйте WP и плагины;

удаляйте старые ревизии постов;

удаляйте спам в комментариях.

Дополнительные советы

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

Минифицируйте JS и CSS-файлы, удалив из них ненужные данные. На CSS Minifier есть несколько инструментов минификации.

Отключите трекбэк и пингбэк. Они задействуют сервер и базу данных каждый раз, когда кто-то упоминает ваш сайт. Отключение (настройки WordPress Discussion ) не поломает обратные ссылки.

Пробуйте!

А насколько ваш сайт медленный? Узнайте это с помощью одного из вышеперечисленных инструментов. Потом попробуйте одну-две стратегии и снова оцените скорость. И так еще раз.

Как мы и сказали, в сети полно WP-плагинов по оптимизации. В следующей статье мы подробно разберем их, следите за выходом новых статей!

SiteGround, наш любимый хостинг провайдер, позволяет использовать мощные техники оптимизации производительности в пару кликов. В их руководстве по улучшению производительности WP есть полноценные уроки на множество тем, которые мы обсудили в этой статье, в том числе по кэшированию, gZip-сжатию, использованию CDN, оптимизации изображений и оптимизации базы данных WP.

А какая стратегия оптимизации дала вам максимальный прирост производительности на сайте? Пишите в комментариях.

Автор: Adrian Try

Источник: https://www.sitepoint.com/

Редакция: Команда webformyself.

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Практика оптимизации сайта: ускорение загрузки Вашего сайта в разы

Узнайте как ускорить загрузку сайта .

Научиться

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

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

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

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

Я не робот.

Spam Protection by WP-SpamFree