Вордпресс оптимизация: 10 способов как ускорить сайт на WordPress

Содержание

Как ускорить сайт в WordPress | REG.RU

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

Что такое скорость загрузки сайта

Когда мы открываем сайт в браузере, проходит какое-то время, прежде чем контент на странице целиком загрузится. Это может происходить очень быстро: 1–2 секунды, и тогда нам кажется, что всё открылось мгновенно. А может дольше – от 5 секунд. Тогда мы понимаем, с сайтом что-то не так и, скорее всего, закроем его, чтобы не тратить своё время.

С технической точки зрения загрузка сайта состоит из нескольких этапов. Чем меньше занимает каждый из них — тем выше итоговая скорость.

  1. TTFB (Time To First Bite) — время до первого байта. Когда пользователь попадает на страницу, его браузер отправляет серверу HTTP-запрос. Сервер, в свою очередь, отдаёт первый байт страницы. Этот интервал между запросом и отдачей первого байта должен быть минимальным.

  2. Время отрисовки страницы — первым делом сервер загружает HTML-файл страницы. Это «голая» структура с минимумом контента. На этом этапе пользователь видит общие очертания: где расположены заголовки, изображения и так далее.

  3. Время загрузки контента — заключительный этап, на котором страница загружается целиком вместе со всеми остальными CSS- и JS-файлами, изображениями и кнопками.

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

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

Скорость загрузки влияет не только на UX (восприятие пользователями), но и на ранжирование в поисковых сетях. Рассмотрим подробнее.

Если сайт грузится дольше 3 секунд:

  • Возрастают «отказы». Никто не любит ждать, особенно клиенты. Если вместо перечня и описания услуг, они видят белую страницу или не до конца прогрузившуюся структуру — большинство из них просто перейдут на другой сайт в первые 15 секунд. Это и называется «отказом».
  • Уменьшается конверсия. Конверсия — это соотношение числа посетителей, которые выполнили целевое действие (купить, подписаться, зарегистрироваться и т. п.), к общему числу пользователей, просмотревших страницу. Так, если за неделю на ваш блог зашло 400 человек, а на электронную рассылку подписались 15, конверсия будет 3,75% (15/400). Чем больше людей покинут страницу из-за низкой скорости, тем ниже будет эффективность.
  • Ухудшается позиция в выдаче. В числе многих факторов поисковики Яндекс и Google оценивают скорость загрузки сайта. Предпочтение отдаётся быстрым сайтам. Медленным же гораздо сложней попасть в топ-10 первых ссылок на странице поиска.

Как узнать скорость загрузки сайта

Определить скорость загрузки сайта можно по-разному:

  1. Проанализировать данные вкладки Network (Сеть) в консоли разработчика. Подробнее об этом способе мы рассказывали в статье Почему мой сайт работает медленно и что делать.

  2. Воспользоваться специальными сервисами Be1, PR-CY, Google PageSpeed.

Если вы начинающий веб-мастер и не готовы тратить время на то, чтобы разобраться, можно оценить скорость загрузки визуально.

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

Также стоит помнить о том, что мобильная и полная (десктопная) версия сайта загружаются с разной скоростью. Если на компьютере всё открывается быстро, это не гарантирует того, что и на смартфоне будет то же самое. С учётом того, что всё больше людей сидят в интернете со смартфонов — скорости мобильной версии нужно уделить особое внимание.

Как повысить скорость сайта

Если сайт открывается недостаточно быстро, мы рекомендуем провести аудит по следующим параметрам:

  • структура сайта;
  • HTTP-запросы;
  • размер CSS и JS;
  • изображения;
  • версия php;
  • кэширование;
  • gzip-сжатие;
  • хостинг.

Разберём, как именно они влияют и как можно их улучшить.

1. Структура сайта → оптимизировать

Как говорилось выше, сначала сервер отдаёт браузеру HTML-страницу (структуру) и только потом загружает внешние файлы (изображения, стили, скрипты). Если в начале HTML-кода подключены другие файлы, они блокируют его загрузку. Сервер, встретив их, не может вернуться к ним позже, после того, как прогрузит структуру. Он начинает обрабатывать другие запросы — и в результате скорость загрузки снижается.

Чтобы этого не происходило, начало кода должно содержать только те данные, которые нужны для первичной/основной прорисовки контента. Загрузку всех второстепенных внешних CSS и JS нужно отложить (разместить в конце кода).

Это можно сделать вручную или с помощью плагинов WordPress.

2. HTTP-запросы → сократить количество

Каждый файл, из которого состоит код страницы, загружается с помощью отдельного HTTP-запроса. Чем их больше, тем медленнее работает сайт.

Чтобы сократить количество файлов, их можно объединить. Для этого откройте любой текстовый редактор и последовательно вставьте код каждого файла в том порядке, в каком они влияют на контент. В идеале вместо большого количества отдельных .css- и .js-файлов, для каждой страницы должен быть один основной.

3. CSS и JS → минимизировать

Чем больше лишних незначительных элементов (пробелов, переносов строк) в коде, тем медленнее он загружается. Чтобы убрать их, можно воспользоваться онлайн-сервисами CSS Minifier, JavaScript Compression Tool и т. п. Просто загрузите файл, и инструменты автоматически очистят код от лишних знаков и таким образом оптимизируют их.

4. Изображения → оптимизировать

Оптимизация скорости загрузки сайта во многом зависит от того, сколько весят изображения, ведь это самый тяжёлый тип контента (в сравнении с текстовыми кодами и динамическими скриптами). Мы посвятили работе с изображениями отдельную инструкцию.

5. Версия php → обновить

Если версия php, установленная для вашего сайта, устарела, это тоже может замедлять скорость обработки скриптов. Сейчас повсеместно используются 7.1–7.4. Узнать и изменить версию php на хостинге можно с помощью инструкции.

6. Кэширование → включить

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

7. Gzip-сжатие → настроить

На хостинге REG.RU по умолчанию включено сжатие для статичных файлов. Подробнее о настройках gzip можно узнать в статье.

8. Хостинг → увеличить тариф

Иногда медленная загрузка сайта — сигнал того, что вы исчерпали возможности вашего тарифа. Если сайт популярен и его посещают тысячи пользователей, а вы используете тариф с низким CPU, сервер просто не справляется с обработкой запросов. Мы рекомендуем выбирать VIP-тарифы с максимальными параметрами CPU. Читайте о том, как изменить тариф, в инструкции.

Как ускорить загрузку сайта на WordPress

Если ваш сайт создан на CMS WordPress для оптимизации скорости загрузки можно использовать плагины. Они помогут улучшить некоторые моменты (например, настроить асинхронную загрузку скриптов) автоматически.

WordPress — оптимизация загрузки сайта

Мы выбрали 2 популярных плагина, которые комплексно решают проблему скорости: PageSpeed Ninja и Autoptimize.

Рассмотрим, как установить их в административной панели и что делать потом.

  1. 1. Откройте административную панель WordPress по инструкции.
  2. 2.

    Перейдите в раздел «Плагины» и нажмите Добавить новый:

  3. 3.

    В поиске справа введите название плагина: PageSpeed Ninja или Autoptimize и следуйте инструкции в нужной вкладке.

PageSpeed Ninja

Autoptimize

  1. 4.

    Нажмите Установить и Активировать:

  2. 5.

    В разделе «Настройки» выберите PageSpeed Ninja:

  3. 6.

    Во вкладке «Общие» отображается оценка оптимизации десктопной и мобильной версии сайта, а также интерфейса. Чтобы настроить плагин более тонко, перейдите во вкладку «Дополнительно». Мы рекомендуем использовать пресет «Safe», чтобы обезопасить себя от критических изменений в структуре сайта:

  4. 7.

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

    • Gzip compression и Gzip compression in .htaccess
    • Caching in .htaccess
    • Caching, Experimental Caching и DNS Prefetch
    • Merge embedded styles → In head only
    • Minify CSS Method → RESS + CSSTidy
    • Minify style attributes, Cross-files optimization, Keep extra link tag attributes, Keep extra style tag attributes
    • Merge whitespaces, Remove default attributes, Remove IE conditionals
    • Cross-files optimization, Keep extra script tag attributes
    • Optimization (Images)

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

  1. 4.

    Нажмите Установить и Активировать:

  2. 5.

    В разделе «Настройки» выберите Autoptimize:

  3. 6.

    Откройте вкладку JS. CSS & HTML и отметьте галочкой Оптимизировать код JavaScript и сохраните изменения:

  4. 7.

    Повторите то же самое во вкладке «Изображения». Мы рекомендуем включить функцию «Ленивая загрузка», чтобы картинки не прогружались до того момента, пока пользователь до них не долистал страницу.

Готово, вы оптимизируете JS-скрипты и изображения. Это положительно отразится на скорости загрузки.

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

Закажите услугу REG.Site

Попробуйте комплексное решение для создания сайта прямо сейчас!

Подробнее Помогла ли вам статья?

2 раза уже
помогла

Как оптимизировать сайт на WordPress: темы и плагины

Как оптимизировать сайт на WordPress, какие темы и плагины выбрать и каких ошибок стоит избегать в своей практике. Об этом на вебинаре Collaborator, прошедшем 6 октября, рассказал
Иван Палий
, Product Manager Sitechecker.  

Предлагаем вам видеозапись вебинара, а под видео вы найдете текстовый обзор доклада. 


В докладе Иван осветил следующие моменты: 

  1. Известные сайты на WordPress. 
  2. Выбор шаблона темы. 
  3. Самые важные плагины для работы над сайтом. 
  4. Полезные лайфхаки. 
  5. Какие блоги читать, если вы работаете с WordPress. 

В конце выступления Иван Палий поделился самыми запоминающимися ошибками (фейлами) в работе с WordPress. 

Известные сайты на WordPress 

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

* визиты в месяц по Similarweb 

Другие примеры: 

Почему WordPress 

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

Доля рынка говорит сама за себя: 

Источник: https://kinsta.com/wordpress-market-share/ 

Выбор шаблона темы 

После установки WordPress необходимо выбрать тему. Тему может сделать разработчик, но проще ее купить. 

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

Самые популярные темы: https://themeforest.net/popular_item/by_category?category=wordpress 

Важные плагины для работы с сайтом 

Следующий важный выбор – выбор билдера страниц (Drag-and-Drop builder). С помощью плагина можно создавать продающие страницы. 

Сравнение плагинов: https://athemes.com/reviews/best-wordpress-page-builder-plugins-compared/ 

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

Рассмотрим и сравним несколько плагинов для WordPress.

Jetpack – это плагин с широкими возможностями. Дает встроенную статистику по посещениям страниц. Будет особенно полезен, если вы не хотите устанавливать код Google Analytics или Яндекс.Метрики. 

У плагина есть встроенное бесплатное решение по CDN для картинок и статических файлов. За счет этого он помогает ускорить сайт. Jetpack быстрее всех отрабатывает и присылает сообщение, что сайт не работает. Есть настройка мобильной версии. 

Akismet Anti-Spam – рабочее решение, позволяющее избежать спама. Разработан создателями Jetpack. 

Sucuri Security – плагин, который позволяет увидеть попытки неудачных входов на ваш сайт с IP-адресами. На почту сразу приходят уведомления с указанием логина и IP. 

Yoast SEO – самый популярный плагин для оптимизации сайта. 

Contact Form 7   Flamingo. Сайтам по лидогенерации необходима контактная форма, но проблема стандартной формы в том, что она не сохраняет все сообщения, которые приходят. Можно настроить отправку уведомлений при заполнении Contact Form 7, но сохраняться они нигде не будут. Поэтому стоит сразу установить плагин Flamingo, который сохраняет все сообщения в удобном виде. 

EWWW Image Optimizer, Imagify – плагины, которые сжимают картинки при загрузке без потери качества, дают возможность конвертировать jpeg в png и наоборот. 

W3 Total Cache – один из основных плагинов для оптимизации скорости с множеством бесплатных функций. 

Инструкция по настройке: https://onlinemediamasters.com/w3-total-cache-settings/ 

UpdraftPlus предоставляет быстрое решение для создания бэкапов. Основная ценность: когда вы вносите изменения в плагин или тему, то можете вручную сделать копию и не переживать, что потеряете внесенные изменения. Еще лучше комбинировать UpdraftPlus с WP Rollback, который помогает откатывать плагин и тему к конкретной версии. 

Pretty Links – важный плагин для тех, кто делает сайты для слива трафика через ссылки редирект. 

Democracy Poll – идеально подходит для создания опросов. Каждый новый проголосовавший пользователь увеличивает ценность страницы для следующих пользователей. 

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

Список ссылок на интеграции с другими плагинами: https://qtranslatexteam.wordpress.com/integrated/ 

Paid Memberships pro – помогает внедрить платную подписку на сайте. Имеет около 90 дополнений, которые помогают интегрировать его с разными плагинами. 

Cyr to Lat enhanced – подходит для транслитерации кириллицы в латиницу в URL. 

Posts Modified Date – предназначен для отображения даты изменения поста. 

Enhanced Category Pages – дает возможность создать отдельную страницу для страницы категории. По умолчанию WordPress размещает в категории все посты, которые вы опубликовали под ней. Если нужно создать лендинг или по-другому организовать ссылки, поможет данный плагин. 

Redirection – создание редиректов, в том числе массовых редиректов в админке. 

TinyMCE Advanced – расширяет стандартные возможности текстового редактора WordPress. 

WP Post Ratings – дает возможность добавить рейтинг со звездочками в конце или начале статей. 

Site Reviews – идеальная форма для сбора отзывов. Этот плагин позволяет сразу собирать отзывы и отображать их в красивом виде на странице. 

Фейлы 

Далее Иван рассказал про самые запоминающиеся ошибки в работе с WordPress и какие уроки он из них извлек. 

1. Взлом сайта.

Однажды у Ивана взломали сайт ivanpalii.com. Он заметил, что появились посещения страниц, которых не было на сайте. 

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

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

2. Дубли страниц.

Как-то Иван пытался самостоятельно внедрить мультиязычность на kparser.com с помощью плагина qTranslate X. В итоге были созданы дубли англоязычных страниц по типу kparser.com – kparser.com/en/. Когда появились дубли, Google начал ранжировать обе версии страницы, трафик просел и потом долго восстанавливался. 

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

3. Поспешное обновление тем и плагинов.

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

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

4. Ошибки canonical.

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

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

5. Недооценка количества спама через формы. 

Какие блоги читать 

Русскоязычные: 

  • wp-kama.ru – не только блог про WordPress, его разработчик еще создает плагины. 
  • misha.blog – блог Миши Рудрастых, разработчик на WordPress, делится разными нюансами.
  • wordpressinside.ru. 

Англоязычные: 

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

Оптимизация WordPress: регулярные действия для обслуживания

Запуск веб-сайта заключается не только в публикации нового контента и разработке красивых страниц. Также необходимо выполнять много работы по обслуживанию WordPress, если вы хотите, чтобы всё шло гладко. Если вы не будете регулярно следить за своим сайтом, его производительность может начать снижаться, и вам понадобится оптимизация WordPress.

К счастью, большинство действий по обслуживанию WordPress лёгкие и простые в реализации. В этой статье мы поговорим о том, как улучшить работу сайта на WordPress, а именно:

  1. Контролировать время загрузки страницы.
  2. Очистить почтовые черновики и мусор.
  3. Обновить плагины и темы.
  4. Создать резервную копию своего сайта.
  5. Проверить наличие неработающих ссылок.
  6. Очистить кеш WordPress.
  7. Оптимизация WordPress базы данных .
  8. Обновить свои пароли.

Не пугайтесь количества задач в этом списке. Оптимизация WordPress не займёт много времени, и мы проведём вас через каждый этап. Перейдём непосредственно к делу!

1. Мониторинг времени загрузки страницы

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

Как правило, ваш сайт должен загружаться менее двух секунд. Как только вы пересечёте эту линию, ожидание начинает пугать многих пользователей. Это означает, что вам нужно периодически проверять время загрузки вашего веб-сайта, вы можете это сделать с помощью службы Pingdom Tools (англ):

Чтобы использовать Pingdom Tools, просто введите основной URL-адрес своего сайта и выберите тестовый сервер. Ваши результаты будут зависеть от того, какой сервер вы используете. Например, если ваш сайт размещён на американском сервере, вы получите лучшие результаты, для тех, кто будет проходить тесты из Нью-Йорка или Сан-Хосе:

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

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

2. Очистите почтовые черновики и мусор

Чем дольше существует ваш веб-сайт в WordPress, тем больше будет «мусора», который будет накапливаться на вашей информационной панели. Например, будет много отброшенных почтовых проектов, ненужных страниц и комментариев и т. д.

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

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

Если есть, нажмите ссылку Корзина. Затем найдите минутку, чтобы убедиться, что нет никаких элементов, которые вы хотите сохранить среди этих черновиков. После того, как вы уверены, выберите все элементы в разделе Корзина и нажмите Массовые действия. Выберите параметр Удалить безвозвратно и нажмите кнопку Применить:

Вы можете повторить этот процесс с другим типом контента (сообщениями или страницами, если это необходимо).

Теперь, когда вы очистили свой мусорный ящик в WordPress, вы можете позаботиться об удалённых комментариях. Этот процесс работает так же, как и с сообщениями и страницами. Перейдите во вкладку Комментарии и проверьте, есть ли какие-либо элементы в категориях Спам и Корзина. Если есть, смело удалите их.

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

3. Обновите плагины и темы

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

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

Чтобы избежать этих проблем, всё, что вам нужно делать, это время от времени проверять вкладку Плагины, чтобы узнать, есть ли какие-либо уведомления о доступных обновлениях:

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

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

4. Создайте резервную копию своего сайта

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

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

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

Если вы не знаете, с чего начать, ознакомьтесь с нашим полным руководством по созданию резервной копии вашего сайта. В этой статье мы расскажем о том, как создать резервную копию WordPress с помощью плагинов через FTP и через панель управления, если вы являетесь пользователем Hostinger.

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

5. Проверьте наличие неработающих ссылок

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

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

Вы можете потратить время, чтобы проверить все сообщения и ссылки на страницы вручную. Однако это не практичный подход, если на вашем веб-сайте не очень мало контента. Для более крупных сайтов вы захотите использовать такой инструмент, как WP Broken Link Status Checker (англ):

Хотя этот плагин не обновлялся какое-то время, он по-прежнему остаётся одним из лучших решений для обнаружения неработающих ссылок на вашем сайте. Чтобы использовать его, вам нужно сначала установить и активировать плагин. Как только вы это сделаете, на панели инструментов появится новая вкладка Состояние ссылки WP. Нажмите Добавить новый вариант сканирования в этой вкладке:

На следующем экране вы можете настроить плагин для поиска как нерабочих ссылок, так и изображений, что является хорошим бонусом. Вы также можете определить, как далеко должен погружаться плагин, и какие типы нерабочих ссылок он должен тестировать (внутренние или внешние):

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

Если вы нажмёте на Результаты проверки, вы увидите список всех нерабочих URL-адресов, которые мог бы найти плагин, включая их якорный текст и на какой странице они расположены. Теперь вам нужно отредактировать эти страницы и заменить URL-адреса или удалить их. К слову, нерабочие ссылки — это не то, что появляется каждый день, к счастью, поэтому вам, вероятно, просто нужно будет повторить эту проверку каждые пару месяцев или около того.

6. Очистите свой кэш в WordPress

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

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

Например, плагин WP Super Cache (англ) является популярным выбором. Если вы используете этот инструмент, всё, что вам нужно сделать, это посетить вкладку Настройки>WP Super Cache на панели управления. Плагин отправит вас на страницу настроек, и вы должны найти кнопку с надписью Очистить кэш на вкладке Easy:

Просто нажмите на эту кнопку, и это ещё одна задача обслуживания WordPress, которую вы можете вычеркнуть из своего списка! Обычно мы рекомендуем запускать эту задачу, когда вы вносите изменения на свой сайт. Таким образом, вы можете убедиться, что посетители видят последнюю версию вашего сайта, а не кэшированную копию.

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

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

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

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

В большинстве случаев мы рекомендуем использовать плагин оптимизации базы данных, такой как WP-Optimize (англ):

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

После включения плагина перейдите на новую вкладку WP-Optimize на панели управления. Там вы увидите список всех данных, которые удалит плагин, включая почтовые исправления, спам, ненужные комментарии, и многое другое:

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

8. Обновите свои пароли

Последнее, но не менее важное: обновление пароля — важная задача для обслуживания WordPress. Вероятно, вы знаете, что нужно часто менять пароли и никогда не использовать один и тот же. Однако на практике многие из нас не соблюдают эти правила всё время.

Есть много вещей, которые вы можете сделать, чтобы защитить свой веб-сайт в WordPress. Однако изменение пароля администратора каждые несколько месяцев так же просто. Таким образом, вы можете быть уверены, что никогда не будете повторно использовать пароли учётных записей, и вы минимизируете риск получения доступа к вашему сайту.

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

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

Заключение

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

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

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

Как ускорить загрузку сайта на WP? — Blog

Sergey Perederiy

4 февраля | 2021

С каждым годом наша жизнь набирает темп и обороты. Человечество с помощью технологий успевает сделать больше действий за минимальное количество времени. Этому активно помогают более мощные компьютеры и смартфоны, более быстрый интернет и доступность информации, которую он нам дает. Как итог, пользователь, привыкший получать информацию практически мгновенно, не будет ждать пока загрузится сайт с нужной информацией. Он просто уйдет на другой ресурс. Учитывая, что более 70% сайтов в мире сделаны на CMS WordPress,то вопрос увеличения скорости загрузки сайта на данном «движке» очень актуален.

Выбор хостинга для сайта

Первое что нужно учесть в оптимизации скорости сайта на WordPress — это выбор хостинга, на котором будут храниться файлы Вашего сайта. Сервер на котором находится сайт должен использовать более быстрые SSD накопители, а скорость ответа сервер не должна превышать 200 миллисекунд.

Кеширование контента

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

ТОП плагинов для WP для настройки кеширования:

 

Если нет желания или возможности «возится» с плагинами для кеширования, то можно для ускорения сайта на WordPress, подключить кеширование в ручную через файл .htaccess. Пример кода ниже на скриншоте.

Оптимизировать код сайта. Сократить лишние CSS и JS

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

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

Также не стоит сразу подключать все библиотеки в файлах JS и использовать из них 1-2, подключите только то что необходимо.

          Важно! Настроить асинхронную загрузку JS скриптов и по возможности сделать отсроченную загрузку JS сторонних сервисов web-аналитики.

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

Оптимизация изображения для увеличения скорости загрузки WP сайта

Очень много времени может занять у браузера на загрузку изображений с сайта, рекомендуется использовать сжатые «облегченные» картинки для контента.

Оптимизировать текущие картинки можно с помощью:

 

Также можно подключить плагины для оптимизации изображений на WordPress:

 

А еще можно получить ссылку на оптимизированные картинки в инструменте Google Speed Test.

Оптимизация структуры HTML кода WP сайта и подключение сжатия Gzip

За частую по запросу пользователя браузер отдает ему не сжатый HTML код сайта, и загрузка не оптимизированной структуры страницы занимает значительно больше времени. Для повышения скорости загрузки сайта сделанного на Worpress можно использовать плагин W3 Total Cache.

Также оптимизацию структуры HTML,кода можно сделать с помощью файла .htaccess. Для этого можно использовать следующие плагины:

Проверить результаты можно на сайте http://checkgzipcompression.com/

Оптимизация БД сайта на WordPress

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

Для оптимизации БД можно подключить плагины:

Подключить CDN сеть доставки контента

Для того чтобы пользователи имели более или менее одинаковую скорость загрузки, не зависимо от страны, в которой находятся, необходимо подключить CDN (content delivery network) — это рассредоточенные по всему миру серверы, которые быстро передают статический контент локально расположенным пользователям.

И как обычно готовый плагин для WordPress — W3 Total Cache.

Снизить количество копий постов отображаемых в контенте сайта

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

Сделать это можно с помощью правок в «конфигах» — wp-config.php. Нужно внести следующую строчку кода define( ‘WP_POST_REVISIONS’, 5 ) — это ограничение до 5 копий. Если необходимо отключить копии в БД, то вносим следующую строчку кода — define( ‘WP_POST_REVISIONS’, false ).

Отключение уведомлений о ссылающихся сайтах — трекбеки и пингбеки.

Большое количество обратных ссылок может хорошо повлиять на SEO продвижения сайта, но как ни странно это может повлиять на скорость загрузки сайта на WordPress. Дело в том, что ссылки размещенные на Ваш сайт на других сайтах, сайт на WP пытается получить уведомление и эти уведомления могут перегрузить базу данных. Рекомендуется отключать это в Настройках обсуждения.

Страницы с комментариями и отзывам

Несмотря на то, что поисковые системы Google и Яндекс любят User Generated Content —  большое количество отзывов на одной странице могут повлиять на скорость загрузки сайта сделанного на CMS WordPress. Рекомендуется разбивать комментарии наставницы пагинации. Сделать это можно в настройках WP.

Итак, основные моменты по оптимизации скорости загрузки сайта на wordpress:

  1. Выбор хостинга для сайта
  2. Кеширование контента
  3. Оптимизировать код сайта. Сократить лишние CSS и JS
  4. Оптимизация изображения для увеличения скорости загрузки WP сайта
  5. Оптимизация структуры HTML кода WP сайта и подключение сжатия Gzip
  6. Подключить CDN сеть доставки контента
  7. Снизить количество копий постов отображаемых в контенте сайта
  8. Оптимизация страниц с комментариями и отзывам

 

Небольшие лайфхаки, что еще можно сделать по увеличению скорости сайтана WordPress

  1. Менять периодически хостинг, провайдеров;
  2. Не загружать видеоконтент напрямую с сайта используйте iframeи подтягивайте видео с сайтов видеохостингов;
  3. Исключите лишние редиректы и уберите страницы с ответом сервера 302 и 302 из перелинковки;
  4. Удалите все не используем плагины;

Выполнение данных рекомендаций позволит Вам достичь высоких показателей скорости загрузки сайта и как итог более качественной SEO-оптимизации сайта.

 

Лучшие плагины сжатия изображений для WordPress – База знаний Timeweb Community

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

Кратко о компрессии и плагинах для сжатия изображений

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

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

  1. Сайт тяжелеет и начинает работать медленнее. Например, статья с большим количеством тяжелых картинок может загружаться по 5–10 секунд, что слишком долго даже для самых терпеливых посетителей. Поисковые роботы тоже будут недовольны такой скоростью и подпортят рейтинг сайта.
  2. На сервере впустую тратится пространство на диске, а оно у хостинг-провайдеров стоит приличных денег. Придется переплачивать за доступное место на жестком диске или ограничивать себя в количестве публикуемого контента.

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

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

7 лучших плагинов WordPress для сжатия картинок

Далее рассмотрим лучшие WordPress-расширения, сжимающие изображения на этапе их загрузки на сервер.

Тестирование компрессоров

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

Плагин Размер файла Размер файла после сжатия Процент сжатия Тип компрессии
ShorPixel 301 КБ 90.4 КБ 69.9% С потерей качества
Imagify 301 КБ 67 КБ 77% С потерей качества
Optimole 301 КБ 34 КБ 88.7% С потерей качества (по умолчанию)
Smush 301 КБ 247 КБ 17.9% Без потери качества
EWWW Optimizer 301 КБ 257 КБ 14.6% Без потери качества
WP Compress 301 КБ 217 КБ 28% Без потери качества
Robin Image Optimizer 315 КБ 95 КБ 72% Без потери качества

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

ShortPixel Adaptive Images

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

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

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

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

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

Imagify

Imagify работает в трех режимах: Normal, Aggressive и Ultra. Первый сохраняет качество картинки, второй уменьшает размер, ухудшая качество, а третий делает то же, что и второй, но еще более заметно.

Второй режим включен по умолчанию, поэтому показатели эффективности Imagify такие высокие.

Помимо продвинутых алгоритмов сжатия, в Imagify есть возможность оптимизировать контент в автоматическом режиме, внося в него изменения на этапе загрузки. Например, менять разрешение и другие характеристики картинок.

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

Стоимость плагина варьируется в зависимости от размера оптимизируемых картинок. Если за месяц вы отправляете «худеть» файлов меньше чем на 1 гигабайт, то платить не придется. А вот за большее придется – как минимум 5 долларов в месяц.

Optimole

По заявлению разработчиков, Optimole — лучший облачный компрессор изображений, который выполняет всю работу на быстрых удаленных серверах (CDN), не задействуя производительные мощности сервера пользователя.

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

Optimole дружит с конструкторами сайтов в духе Elementor и Beaver Builder, а также встроенным редактором в WordPress 5. Интерфейс прямолинеен, хорошо задокументирован, построен интуитивно понятно.

Есть и другие приятные мелочи:

  • поддержка формата WebP,
  • адаптация под разрешение Retina-дисплеев,
  • возможность добавлять водяные знаки на изображения,
  • встроенный механизм Lazy Loading (без необходимости в jQuery).

Распространяется бесплатно, если на подключаемый сайт заходят не более 5000 человек в месяц (в этой версии не работают удаленные серверы, занимающиеся обработкой изображений). Если посетителей больше 25000, то придется платить от 10 долларов в месяц.

Smush

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

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

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

Одно из ключевых преимуществ Smush — возможность сжимать неограниченное количество картинок бесплатно. Разработчики установили ограниченный размер для каждого изображения (он не должен превышать 5 мегабайт), но не на их количество. Поэтому можно использовать плагин без ограничений по времени, не заплатив ни копейки. Но есть и Pro-версия с поддержкой формата WebP. Она убирает все ограничения и добавляет режим сжатия с потерей качества. Цена зависит от того, как много сайтов будут использовать одну лицензию Smush. Для одного достаточно учетной записи Hobbyist. Она обойдется в 70 долларов за год. Чтобы установить плагин на 5 сайтов, придется отдать 140 долларов за год.

EWWW Optimizer

EWWW Optimizer не может похвастаться привлекательным интерфейсом, но зато он хорош в плане функциональности. 

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

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

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

Плагин распространяется даром. Ограничения в бесплатной версии отсутствуют. Даже техническая поддержка и автоматическое резервное копирование предлагаются безвозмездно. За деньги продается только API для подключения сторонних серверов.

WP Compress

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

  1. Он задействует сразу два провайдера (Google Cloud и BunnyCDN) для доставки оптимизированных изображений до клиентов. Благодаря этой комбинации разработчикам удалось достичь минимальной задержки до появления первого изображения на странице (менее 7 миллисекунд ).
  2. Конвертирует весь контент в формат WebP. Новый стандарт, экономящий пространство на серверах.
  3. Адаптирует картинки под конкретное устройство (обрезает и меняет разрешение).
  4. Загружает файлы постепенно. Сначала те, что видны сразу, а потом остальные (Lazy Loading).

Это помогает ускорить ресурсы WordPress с большим количеством изображений как минимум вдвое.

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

Стоимость зависит от объема загружаемых в месяц данных. За 25 Гбайт просят 9 долларов ежемесячно. За 125 Гб — 29 долларов в месяц.

Скачать

Robin Image Optimizer

Оставил его напоследок, так как считаю его лучшим из предложенных дополнений. О Robin Image Optimizer редко говорят, поэтому вебмастера с ним зачастую незнакомы. Но когда узнают, то редко возвращаются на плагины, которые использовали до.

Robin сжимает картинки в формате PNG и JPG, уменьшая их размер на 80% без заметной потери качества. Разработчики достигли таких внушительных значений за счет изменения цветовой гаммы и удаления EXIF-данных с изображений. Детализация и разрешение остаются прежними. Алгоритм Robin творит чудеса, и невооруженным взглядом заметить ухудшения в картинке не выйдет.

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

Также с Robin можно:

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

Плагин распространяется бесплатно. Но есть платная версия, добавляющая поддержку формата WebP, компрессию в директорию на выбор и интеграцию с галереей NextGEN. Цена зависит от количества компрессируемых картинок. Например, за 39 долларов в год можно оптимизировать 5000 файлов в месяц.

Какой плагин для сжатия изображений выбрать?

Я рекомендую Robin Image Optimizer. Считаю, что это идеальный баланс характеристик.

  • Robin распространяется бесплатно, и отсутствие Pro-версии не накладывает ограничений, мешающих работе сайта.
  • Работает в фоновом режиме и поддерживает запланированную компрессию. Участие вебмастера в этом процессе без надобности.
  • Показывает лучший результат в оптимизации картинок. Сокращение размера на более чем 70% без потери качества.

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

практические советы по уменьшению нагрузки на CPU

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

Понять причину такого явления сложно. Ясно одно: нужна оптимизация использования CPU в WordPress для восстановления производительности ресурса. Проводится она несколькими способами. Какой из них сработает в конкретном случае? Не разобраться без тестирования, поэтому рассмотрим все методики.

Пройдемся по работающим плагинам

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

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

Примеры тяжелых программных модулей:

  • WooCommerce
  • Wordfence
  • Jetpack
  • Gravity Forms
  • Visual Composer

Есть и определенные настройки плагинов, вызывающие нагрузку WordPress на CPU: отчеты о трафике, текущие проверки, которые требуют регулярного сканирования, отправки уведомлений. Некоторые модули включают множество ненужных функций (heartbeat API, Gravatars, Emojis).

Полезно пройтись по каждому плагину и решить, от каких настроек отказаться. Пример: в Yoast к таким опциям относится «Анализ удобочитаемости», а Wordfence продолжит нормально работать без Life traffic. Хорошим подспорьем в процессе станет WP Disable, который определяет ненужные циклы ЦП и бонусом уменьшает количество HTTP-запросов. Или Clearfy Pro.

Чтобы снизить нагрузку WordPress, стоит избегать дублирования функций разными модулями. Установленный Yoast делает карту сайта, поэтому Google XML Sitemaps удаляем. Если хостинг предоставляет услугу создания резервных копий, можно отключить в админке бэкап. Или Google Analytics, собирающий мощную статистику, — ему не нужны помощники.

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

Разберемся с установленной темой

В категорию тяжелых модулей попадают и некоторые темы (пример: Divi). Бесплатные шаблоны для сайта целесообразно выбирать в официальном репозитории WordPress.org. Там же присутствует и список компаний, разрабатывающих коммерческие темы под лицензией GPL.

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

Читайте также

Проанализируем настройки самого сервера

Современная, актуальная версия CMS не может корректно работать на PHP с цифровым значением ниже 7. Новые разработки быстрее старых в 4-5 раз.

Перевести сайт на более позднюю версию PHP можно через ISPmanager на хостинге:

  1. Делаем резервную копию сайта.
  2. Обновляем WordPress, темы и плагины — выбираем в админке опцию полного обновления.
  3. Устанавливаем PHP Compatibility Checker и проверяем элементы на совместимость с новой версией PHP.
  4. Запускаем менеджер, отправляемся в раздел WWW-доменов, находим нужный и нажимаем «Изменить».
  5. В разделе дополнительных возможностей выбираем версию PHP.
  6. Соглашаемся на применение новых настроек.

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

Поработаем с изображениями на сайте

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

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

Что нужно знать для оптимизации картинок? Самый удобный формат — JPG. Идеальный ориентир для размера файла — 70 Кб. Можно использовать инструменты для сжатия каждого изображения отдельно или установить специальные плагины: Smush, EWWW, Compress JPEG&PNG.

Защитим админку от вредоносных запросов

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

Чтобы защитить админку, возьмемся за wp-config.php и wp-login.php. Можно сделать к ним доступ только с одного IP. Изменения вносятся в файл .htaccess. Но способ не подходит владельцам с динамическим адресом.

Еще один вариант — переименовать файл с логином, а потом в самом файле прописать новое имя там, где встречается wp-login.php. Или установить Login LockDown, который блокирует попытки подбора пароля.

О способах предотвращения таких ситуаций более подробно описано в статье: 14 бесплатных инструментов для повышения защищенности сайта

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

Читайте также

Отфильтруем все входящие обращения

Лишнюю нагрузку на ЦП создают и запросы к MySQL длительностью от 0,5 сек. Чтобы их увидеть, нужно запросить у хостера обращения к БД, оптимизировать ее структуру и удалить ненужную информацию.

Сюда же относится и большое количество запросов от роботов. Резкие скачки свидетельствуют о DDOS-, Brute-Force атаке. Раскрыть адресатов поможет User-Agent. В нем видны все обращения к сайту, как поисковых роботов, так и отдельных IP. Подробную информацию о конкретном адресе выдает сервис Whois.

Ограничение времени обращения производится в robots.txt. Если останавливаем определенного бота, прописываем так:


User-agent: yandexbot Crawl-delay: 10 #


И поисковый бот не задержится на сайте дольше 10 сек.

Чтобы ограничить сразу всех ботов, имя конкретного агента меняем на *.

Для блокировки запросов от определенного IP прописываем в .htaccess следующее:


Order Allow, Deny Allow from all Deny from 131.158.125.128.


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

И еще одно решение

Проблема может заключаться в WP Cron. Иногда нагрузка WordPress на сервер происходит из-за ошибок в логах, адресованных wp-cron.php. В этом случае нужно установить WP Crontrol и обнулить все связанные события.

Алгоритм следующий:

  1. Заходим в functions.php.
  2. В самое начало файла снизу под >?php вставляем update_option(‘cron’, » «).
  3. Сохраняем изменения.
  4. Посещаем сайт, открываем несколько страниц.
  5. Стираем строку.

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

Что еще поможет уменьшить нагрузку WordPress: настройка кэширования посредством WP Super Cache.

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

Clearfy — плагин для оптимизации WordPress — Плагин для WordPress

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

Оптимизируйте SEO и СКОРОСТЬ вашего сайта за 5 минут

  1. Очистите код сайта от мусора;
  2. Устраните уязвимости WordPress;
  3. Ускорьте индексацию в поисковых системах;
  4. Исправьте ошибки других плагинов;
  5. Сделайте ваш WordPress проще, удобнее и быстрее.

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

Оптимизация WordPress плагином Clearfy — с чего всё начиналось

Мы занимаемся созданием плагинов и тем, а также проектов на WordPress уже более 8 лет. Каждый раз мы сталкивались с одной и той же проблемой — проекты клиентов уникальны и большинству из них не нужны все функции, что есть в WordPress. При этом они продолжали потреблять ресурсы хостинга, создавать проблемы c SEO оптимизацией и просто мешали повседневной работе. Чтобы решить эти проблемы, мы использовали заготовки нашего кода и тратили время на его тестирование и доработку. В итоге мы решили создать универсальный плагин, который бы помог ускорить нашу работу над клиентскими проектами. Используя весь наш опыт и большое количество наработок, мы объединили их в один мощный плагин для WordPress, под названием Clearfy. Изначально, мы использовали плагин для оптимизации своих и клиентских проектов, но позже поняли, что проблема глобальная и решили поделиться Clearfy с вами абсолютно бесплатно.

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

Как Clearfy улучшит SEO оптимизацию WordPress сайта

Судя по отзывам, большая часть тех, кто скачал и оптимизировал WordPress плагином Clearfy, отмечают приличный рост показателей производительности в таких популярных сервисах, как: Pingdom, GTmetrix, Google PageSpeed Insights и YSlow.

Кроме того, мы заметили важные особенности:

  • улучшилась индексация страниц сайтов, блогов и интернет-магазинов;
  • страницы проектов поднялись в поисковой выдаче за счёт удаления лишних дублей страниц;
  • с точки зрения поисковых систем сайты стали чище, и это положительно сказалось на SEO оптимизации и увеличении посещаемости.

Хотите таких же результатов? Скачайте бесплатный Clearfy, чтобы убедиться в этом самостоятельно! Настройка плагина займет всего 5-10 минут. Просто подумайте сколько времени у вас бы ушло на поиск и настройку всех этих скриптов, плагинов, не будь у вас всего лишь одного универсального Clearfy.

Более 50 функций плагина Clearfy для оптимизации WordPress

Premium features
  • ** Page Cache
  • ** Browser Caching
  • ** Mobile Cache
  • ** Widget Cache
  • ** Minify Javascript – Minifying JavaScript files can reduce payload sizes and script parse time
  • ** Defer Javascript – Eliminate render-blocking JavaScript resources. Consider delivering critical JS inline and deferring all non-critical JS
Очистка кода сайта от мусора
  • Отключить RSS каналы — отключает RSS, если вы используете WordPress для создания сайта и блог вам не нужен.
  • Отключить Rest API — отключает Rest API и удаляет ссылки Rest API из кода, если вы не управляете WordPress извне.
  • Отключить Emojis — эмодзи генерируют лишний код и замедляют сайт, даже если вы не поставили ни одного смайлика.
  • Удалить jQuery Migrate — если вы используете несколько популярных плагинов, которые регулярно обновляются, то можно спокойно удалять.
  • Отключить Embeds (встраивание) — если вы не вставляете видео в записи или страницы, отключайте.
  • Удалить dns-prefetch — в некоторых случаях может ускорить загрузку изображений.
  • Удалить RSD ссылку — если вы создаёте записи и страницы в WordPress, то функция Real Simple Discovery вам не нужна.
  • Удалить ссылку wlwmanifest — функция не нужна на 99% сайтов, если вы публикуете статьи и записи через интерфейс WordPress.
  • Удалить короткие ссылки — если вы используете постоянные ссылки, короткие вам не нужны.
  • Удалить ссылки следующая, предыдущая запись — удаляйте, если не используете блог.
  • Удалить стили .recentcomments — удаляйте, если хотите изменить стили виджета «Похожие записи».
  • Html сжатие — сжимает код, ускоряет загрузку сайта.
  • Critical CSS — Add CSS files or CSS code to the critical section so that it connects at the very beginning of the page.
  • WordPress Sanitization — удаляет недопустимые и вредоносные символы из URL и имён файлов.
SEO оптимизация WordPress
  • Установить атрибут alt автоматически — устанавливает атрибут alt для всех изображений в записи и странице, если alt отсутствует.
  • Создать правильный robots.txt для WordPress — помогает создать идеальный Robots.txt улучшить индексацию нужного и закрыть лишнее.
  • Автоматически вставлять заголовок Last Modified — помогает поисковым системам понять, какие записи и страницы отредактированы последними и считывать их в первую очередь.
  • Возвращать заголовок If-Modified-Since — улучшает индексацию за счёт сообщения поисковым системам, что страницы и записи изменились.
  • Удалить дубли заголовков в хлебных крошках Yoast SEO — вырезает заголовок страницы или записи из хлебных крошек.
  • Удалить тег image:image из XML карты сайта плагина Yoast SEO — избавляет от ошибок карты сайта в Яндекс Вебмастере.
  • Отключить ссылки JSON-LD — запрещает Google генерировать расширенные ссылки на страницы в поисковом сниппете.
  • Отключить структурированные данные Yoast SEO — отключает структурированные данные о компании, сгенерированные Yoast SEO.
  • Удалить комментарии Yoast SEO из секции head — удаляет из кода данные о том, что ваш сайт оптимизирован плагином Yoast SEO.
Удалить дубли страниц WordPress
  • Удалить архивы дат — полностью удаляет архивы дат и ставит переадресацию на главную.
  • Удалить архивы автора — полностью удаляет архивы автора сайта и ставит переадресацию на главную. Полезно, если автор сайта один.
  • Удалить архивы меток — удаляет архивы меток и переадресует на главную страницу сайта.
  • Удалить страницы вложений — по умолчанию, у каждого медиафайла есть своя страница. Clearfy удаляет её и ставит переадресацию на страницу, в которую этот медиафайл вставлен.
  • Удалить постраничную навигацию записей — внутри одной записи постраничная навигация не нужна. Лучше её удалить и сделать несколько записей.
  • Удалить ?replytocom — избавляет от дублей в комментариях к записям.
Наcтройки приватности WordPress
  • Удалить meta generator (версию WordPress) — скрывает версию вашего WordPress.
  • Удалить версию у файлов стилей — — усложняет работу злоумышленника, желающего взломать ваш сайт.
  • Удалить версию у javascript файлов — хакеру сложнее определить версию установленных плагинов и взломать сайт.
  • Удалить Querystrings (строки запроса) — помогает плагинам для ускорения кэшировать JS и CSS и увеличивать скорость загрузки сайта.
  • Удалить html комментарии — взломщик не сможет определить версии тем и плагинов по комментариям в коде.
Защита WordPress
  • Убрать возможность узнать логин автора — усложняет процесс взлома. Хакеру сложнее узнать ваш логин.
  • Спрятать ошибки при входе на сайт — в результате взломщик не понимает, что он ввёл неправильно, логин или пароль.
  • Отключить XML-RPC — отключает пингбэки и трекбэки.
  • Убрать ссылку на X-Pingback — удаляет ссылку и возможность спамить pingback-ами.
Виджеты WordPress
  • Удалить виджеты по умолчанию — удаляет виджеты WordPress целиком или выборочно (Ссылки, Архивы, Мета, Поиск и т.д.)
Обновления WordPress, плагинов и тем
  • Автоматическое обновление плагинов — включите и вам больше не нужно думать об обновлении плагинов.
  • Отключить обновление плагинов — плагины перестают обновляться и уведомлять о наличии обновлений. Можно отключить обновление всех плагинов или каждого индивидуально.
  • Автоматическое обновление тем — все ваши темы будут обновляться автоматически.
  • Отключить обновления тем — все ваши темы перестанут обновляться и уведомлять об обновлениях.
  • Отключить обновления переводов — отключает автоматическое обновление переводов тем и плагинов.
  • Автоматическое обновление WordPress — ваш WordPress будет обновляться автоматически.
  • Отключить обновления WordPress — полностью отключает обновления WordPress.
  • Отключить уведомления об обновлениях — пользователи, не имеющие прав обновлять темы, плагины и WordPress, не получат уведомления об обновлениях.
Комментарии WordPress
  • Отключить комментарии — позволяет полностью отключить комментарии WordPress вообще или для выбранных типов записей.
  • Удалить комментарии — полностью удаляет комментарии WordPress.
  • Закрыть комментарии — полностью закрывает комментарии WordPress и удаляет раздел “Комментарии” из левого меню WordPress.
  • Удалить поле “Сайт” в форме комментариев — удаляет поле Сайт автора комментария.
  • Заменить внешние ссылки в комментариях на JavaScript код (метод URLspan) — все внешние ссылки в комментариях надёжно закрываются от индексации поисковых систем.
  • Заменить внешние ссылки авторов комментариев на код JavaScript (метод URLspan) — поисковые системы перестают индексировать ссылки на сайт автора комментариев.
Уведомления администратора, уведомления об обновлении WordPress
  • Отключить уведомления в панели администратора — скрывает все или выбранные уведомления в админпанели WordPress.
Оптимизация Heartbeat API WordPress
  • Отключить Heartbeat API — полностью отключает функцию Heartbeat (пульсации).
  • Ограничить Heartbeat API — ограничение частоты запросов Heartbeat API.
Оптимизация верхней панели администратора
  • Удалить, срыть или отключить верхнюю панель — полностью отключает Adminbar при просмотре сайта.
  • Удалить логотип WordPress из админбара — удаляет логотип WordPress, что исключает случайные нажатия на него.
  • Заменить текст “Привет”, на “Добро пожаловать” — изменяет текст приветствия WordPress для большей презентабельности и уважительного обращения.
Оптимизация записей WordPress
  • Отключить ревизии — полностью отключает ревизии записей/страниц.
  • Установить лимит ревизий — ограничивает количество ревизий на одну запись/страницу.
  • Отключить автосохранения — отключает автосохранения при редактировании записей и страниц.
  • Отключить “Умные кавычки” — отключает функцию автоматической вставки «типографских кавычек».
  • Отключить автоматические параграфы (т.е p теги) — отключает автоформатирование текстов.
Менеджер скриптов и стилей WordPress
  • Отключить ненужные стили тем и плагинов — можно выборочно отключить стили там, где они не нужны и ускорить сайт.
  • Отключить ненужные скрипты тем и плагинов — отключите скрипты полностью или частично и оптимизируйте загрузку вашего сайта.
Новые полезные инструменты и возможности для оптимизации WordPress

WP Asset CleanUp Manager (Gonzales), Disable Comments and remove comments in database, Heartbeat Control, Disable updates and enable automatic plugins and themes updates

В одном клике от оптимизации WordPress

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

Можете забыть о том, чтобы открывать functions.php, вставлять километры кода и в итоге получать критические ошибки на сайте. Также, помните о том, что WordPress регулярно обновляется и в один не самый прекрасный момент ваш сайт сломается, потому что вставленный вручную код никто не обновлял. Лучше используйте плагин Clearfy, который обновляется и поддерживается WordPress профессионалами и, к тому же, никак не нагружает ваш сайт.

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

Таким образом, плагин Clearfy, изумляющий своими функциями, станет вашим незаменимым помощником по улучшению:

  • безопасности;
  • продвижения и SEO оптимизации;
  • скорости работы сайта, блога и интернет-магазина.

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

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

Благодарим авторов плагинов

Мы использовали некоторые полезные функции из плагинов WP Asset CleanUp (Gonzales), bicycles by falbar, wp disable, easy updates manager, Disabler, Admin Bar Disabler, Cerber Security & Antispam, Admin Tweaks, Autoptimize, Fast Velocity Minify, Minify HTML, Hummingbird Page Speed Optimization, WP Super Minify.

Рекомендуем отдельные дополнения

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

Переводы
  • Английский по умолчанию, всегда включен
  • Russian big thanks to Alexander Kovalev
  • Французкий — Большое спасибо пользователям (@kingteamdunet, @fchaussin)
  • Итальянский (70%)
  • Китайский — большое спасибо пользователям @idoog и @robertsky_
  • German — big thanks to @moviemaster8
  • Dutch (Belgium) — big thanks to sensuelas
  • Portuguese (Brazil) — big thanks to @rdsfelipe

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

Оптимизация

| WordPress.org

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

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

Подробный обзор темы производительности приведен ниже в разделе «Что влияет на производительность и как вы ее измеряете». Многие из обсуждаемых здесь методов также применимы к WordPress Multisite (MU).

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

Большинство из этих факторов, снижающих производительность, рассматриваются в этой статье.

Хостинг # Хостинг

Доступные вам методы оптимизации будут зависеть от настроек вашего хостинга.

Виртуальный хостинг # Виртуальный хостинг

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

Области, наиболее подходящие для этого типа хостинга: кэширование, производительность WordPress и разгрузка контента

Наверх ↑

Виртуальный хостинг и выделенные серверы # Виртуальный хостинг и выделенные серверы

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

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

Наверх ↑

Количество серверов Количество серверов

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

База данных WordPress может быть легко перемещена на другой сервер, и требуется лишь небольшое изменение файла конфигурации.Аналогичным образом изображения и другие статические файлы можно перемещать на альтернативные серверы (см. Разгрузку содержимого).

Amazon Elastic Load Balancer может помочь распределить трафик между несколькими веб-серверами, но требует более высокого уровня знаний. Если вы используете несколько серверов баз данных, класс HyperDB обеспечивает замену стандартному классу WPDB и может обрабатывать несколько серверов баз данных как в реплицированных, так и в многораздельных структурах.

Наверх ↑

Производительность оборудования # Производительность оборудования

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

Наверх ↑

Географическая удаленность # Географическая удаленность

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

Вверх ↑

Загрузка сервера # Загрузка сервера

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

При правильной настройке большинство хостинговых решений могут обрабатывать очень большие объемы трафика. Разгрузка трафика на другие серверы также может снизить нагрузку на сервер.

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

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

Убедитесь, что вы используете новейшее программное обеспечение, так как обновления программного обеспечения часто исправляют ошибки и повышают производительность. Очень важно убедиться, что вы используете последнюю версию Linux (или Windows), Apache, MySQL / MariaDB и PHP.

Конфигурация WordPress

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

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

Также важно не отставать от обновлений WordPress.

Размер графики

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

Инструменты тестирования производительности

  • Webpagetest — это инструмент для тестирования реальной производительности веб-сайтов из разных мест, браузеров и скорости соединения.
  • Google PageSpeed ​​Insights — это способ измерить производительность вашего сайта WordPress и получить четкие и конкретные отзывы о том, как внести улучшения.
  • Все встроенные инструменты разработчика браузера (например, Firefox или Chrome) имеют инструменты измерения производительности.

Как повысить производительность в WordPress

Оптимизация вашего сайта на WordPress

Наверх ↑

Минимизация подключаемых модулей # Минимизация подключаемых модулей

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

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

Наверх ↑

Оптимизация содержания # Оптимизация содержания
  • Файлы изображений
    • Есть ли ненужные изображения? (например, можете ли вы заменить некоторые изображения текстом?)
    • Убедитесь, что все файлы изображений оптимизированы. Выберите правильный формат (JPG / PNG / GIF) и степень сжатия для каждого изображения.
  • Общее количество / размер файлов
    • Можно ли уменьшить количество файлов, необходимых для отображения средней страницы на вашем сайте?
    • При использовании HTTP1 рекомендуется объединить несколько файлов в один оптимизированный файл.
    • Минимизировать файлы CSS и JavaScript.

Вы также можете разгрузить контент, чтобы оптимизировать свою тему.

Наверх ↑

Обновление оборудования # Обновление оборудования

Платить больше за более высокий уровень обслуживания у вашего хостинг-провайдера может быть очень эффективно.Увеличение объема памяти (RAM) или переключение на хост с твердотельными накопителями (SSD), например Digital Ocean может иметь большое значение. Также поможет увеличенное количество процессоров и скорость процессора. По возможности попробуйте разделить службы с разными функциями, например HTTP и MySQL, на нескольких серверах или VPS.

Наверх ↑

Optimize Software # Optimize Software

Убедитесь, что у вас установлена ​​последняя версия операционной системы, например Linux, Windows Server и новейший веб-сервер e.грамм. Apache или IIS, база данных, например. Сервер MySQL и PHP.

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

DNS : не запускайте DNS на своем сервере WordPress. Используйте коммерческий сервис для DNS, такой как Amazon Route 53, или бесплатное предложение вашего регистратора доменов.Использование такой службы, как Amazon, также может значительно упростить переключение между серверами резервного копирования во время обслуживания или в чрезвычайных ситуациях. Это также обеспечивает определенную отказоустойчивость. Если вы размещаете свой DNS на внешних серверах, это снизит нагрузку на ваш основной веб-сервер. Это простое изменение, но оно снизит нагрузку на трафик и процессор.

Веб-сервер : ваш веб-сервер можно настроить для повышения производительности. Существует ряд методов от кэширования веб-сервера до настройки заголовков кеша для снижения нагрузки на посетителя.Выполните поиск по оптимизации для вашего конкретного веб-сервера (например, выполните поиск по запросу «оптимизация apache» для получения дополнительной информации). У некоторых веб-серверов есть версии с более высокой скоростью, за которые вы можете платить, например Apache Litespeed. Существует также несколько способов настроить Apache для повышения производительности в зависимости от вашего конкретного хостинга и конфигурации сайта, например Memcache.

PHP : Доступны различные ускорители PHP, которые могут значительно улучшить производительность ваших файлов PHP. Это будет применяться ко всем файлам PHP, а не только к вашей установке WordPress.Для получения дополнительной информации выполните поиск по оптимизации PHP, например. APC или OPcache. Плагин W3 Total Cache, описанный ниже, предлагает интегрированную поддержку Memcache, APC и другого кэширования Opcode.

MySQL / MariaDB : Оптимизация MySQL или MariaDB сама по себе является черным искусством. Несколько простых изменений в настройках кеша запросов могут существенно повлиять на производительность WordPress, поскольку WordPress повторяет множество запросов при каждом запросе. В настоящее время, когда InnoDB является механизмом хранения по умолчанию для MySQL, вы должны обязательно его использовать.InnoDB можно оптимизировать и настраивать, выполняя поиск по запросу «оптимизация mysql», «производительность mysql innodb» или «оптимизация innodb» или для получения дополнительной информации и примеров. Найдите «mysql convert myisam to innodb» для получения информации о том, как преобразовать старые таблицы MyISAM в InnoDB.

Отличный пример оптимизации WordPress был представлен Ильей Полихроновым на WordCamp в Сан-Франциско 2012. Илья, помимо прочего, занимается оптимизацией сервера для WordPress.com.

Не запускайте почтовый сервер на своем сервере WordPress.В качестве контактной формы используйте что-то вроде Contact Form 7 с бесплатным Mailgun.

Кэширование

Наверх ↑

Плагины кэширования # Плагины кеширования
Плагины

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

В сочетании с кешем страниц системного уровня, таким как Varnish, это может быть довольно мощным инструментом.Если ваши сообщения / страницы содержат много динамического контента, настройка кеширования может быть более сложной.

W3 Общий кэш

W3 Total Cache (W3TC) — это последнее поколение плагинов для повышения производительности WordPress, объединяющее исследования органов веб-разработки для обеспечения оптимального взаимодействия с пользователем на сайтах WordPress. Эти подробные руководства проведут вас через

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

  • Кэширование страниц: W3TC помогает сократить время отклика, создавая статические HTML-версии страниц, позволяя веб-серверам обслуживать их без вызова PHP.Он автоматически обновляет кеш, когда делаются комментарии или редактируются страницы.
  • Минификация: удаляет ненужные символы из файлов HTML, CSS и JavaScript, а затем соответственно объединяет их перед применением HTTP-сжатия к кэшированным файлам.
  • Кэширование базы данных: запросы (объекты) базы данных также кэшируются, что позволяет многим сайтам сократить время, необходимое для создания новых страниц. Это особенно полезно для сайтов, которые получают много комментариев.
  • Заголовки: W3TC управляет заголовками (тег объекта, cache-control, expires), которые контролируют кеширование файлов в веб-браузерах, уменьшая нагрузку на сервер и улучшая воспринимаемую пользователем производительность.
  • Сеть доставки контента (CDN): использование CDN позволяет выгружать ресурсы из вашей учетной записи хостинга. W3TC перемещает запросы изображений, CSS, JavaScript и других статических файлов в сеть высокопроизводительных серверов. Сервер, ближайший к посетителю, автоматически используется для загрузки файлов, обеспечивая максимально быструю загрузку.

W3TC можно использовать для оптимизации WordPress как в одно-, так и в многосерверной среде через общий или выделенный хостинг.

WP суперкэш

WP Super Cache — это плагин для кэширования статических страниц для WordPress. Он генерирует HTML-файлы, которые обслуживаются непосредственно Apache, без обработки сравнительно тяжелых PHP-скриптов, помогая вам значительно повысить скорость вашего блога WordPress.

Использование WP Super Cache позволяет вашему серверу обслуживать кешированные HTML-страницы с той же скоростью, что и обычные графические файлы. Подумайте о WP Super Cache, если ваш сайт изо всех сил пытается справиться с ежедневным количеством посетителей или если он появляется на Digg.com, Slashdot.org или любой другой популярный сайт.

Наверх ↑

Кэширование на стороне сервера # Кэширование на стороне сервера

Кэширование веб-сервера ‘является более сложным, но используется на сайтах с очень высоким трафиком. Доступен широкий спектр опций, выходящих за рамки данной статьи. Самые простые решения начинаются с локального кэширования сервера, в то время как более сложные и задействованные системы могут использовать несколько серверов кэширования (также известных как обратные прокси-серверы) «перед» веб-серверами, на которых фактически выполняется приложение WordPress.Добавление кеша кода операции, такого как альтернативный кэш PHP (APC), на ваш сервер, многократно повысит производительность PHP.

Varnish Cache работает совместно с W3 Total Cache для хранения предварительно созданных страниц в памяти и быстрого их обслуживания, не требуя выполнения стека Apache, PHP, WordPress.

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

Наверх ↑

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

Кэширование браузера может помочь снизить нагрузку на сервер за счет уменьшения количества запросов на страницу. Например, установив правильные заголовки для файлов, которые не изменяются (статические файлы, такие как изображения, CSS, JavaScript и т. Д.), Браузеры затем кэшируют эти файлы на компьютере пользователя. Этот метод позволяет браузеру проверять, изменились ли файлы, вместо того, чтобы просто запрашивать их. В результате ваш веб-сервер может ответить еще на 304 ответа, подтверждая, что файл не изменился, вместо 200 ответов, которые требуют отправки файла.

Загляните в заголовки HTTP Cache-Control (в частности, max-age) и Expires, а также в теги сущностей для получения дополнительной информации.

W3 Total Cache объединяет поддержку кеширования браузера и ETags.

Наверх ↑

Дополнительная литература # Дополнительная литература

Разгрузка содержимого

Наверх ↑

Использовать сеть доставки контента (CDN) # Использовать сеть доставки контента (CDN)

Использование CDN может значительно снизить нагрузку на ваш сайт.Разгрузка поиска и доставки файлов изображений, javascript, css и тем в CDN не только быстрее, но и значительно снижает нагрузку на собственный стек приложений вашего сервера WordPress. CDN наиболее эффективен, если используется вместе с плагином кеширования WordPress, таким как W3TC, описанным выше.

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

Amazon Cloudfront использует сервис Amazon S3 для обеспечения функциональности сети доставки контента (CDN) для ваших статических файлов. CDN — это служба, которая кэширует ваши статические файлы на многочисленных веб-серверах по всему миру. Обеспечение более быстрой загрузки для ваших пользователей, где бы они ни находились. Рекомендуется использовать Cloudfront вместе с S3, а не только с S3; затраты существенно не отличаются.

MaxCDN — это сеть доставки контента (CDN) с оплатой за использование, аналогичная Amazon Cloudfront. Среди различий — поддержка видео по запросу, а также «зеркалирование» (загрузка не требуется) файлов, хотя вы можете загрузить их, если хотите.

Другой альтернативный поставщик CDN — KeyCDN. Они предоставляют пошаговые инструкции по интеграции WordPress на своей странице поддержки.

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

Наверх ↑

Статическое содержимое # Статическое содержимое

Любые статические файлы можно выгружать на другой сервер. Например, любые статические изображения, файлы JavaScript или CSS можно переместить на другой сервер. Это распространенный метод в системах с очень высокой производительностью (Google, Flickr, YouTube и т. Д.), Но он также может быть полезен для небольших сайтов, где проблемы с одним сервером. Кроме того, перенос этого контента на разные имена хостов может заложить основу для нескольких серверов в будущем.

Некоторые веб-серверы оптимизированы для обслуживания статических файлов и могут работать намного эффективнее, чем более сложные веб-серверы, такие как Apache, например lighttpd.

Amazon Simple Storage Service (S3) — это выделенная служба статического хостинга файлов с оплатой по факту использования. Без минимальных затрат это может быть практично для сайтов с низким трафиком, которые достигают пика, с которым может справиться общий или отдельный сервер.

Наверх ↑

Несколько имен хостов # Несколько имен хостов

Также могут быть улучшения для пользователей путем разделения статических файлов между несколькими именами хостов.Большинство браузеров будут делать только 2 одновременных запроса к серверу, поэтому, если для вашей страницы требуется 16 файлов, они будут запрашиваться 2 за раз. Если вы распределите это между 4 именами хостов, они будут запрашивать 8 одновременно. Это может сократить время загрузки страницы для пользователя, но может увеличить нагрузку на сервер за счет создания большего количества одновременных запросов. Кроме того, известная «конвейерная обработка» часто приводит к перегрузке интернет-соединения посетителя при чрезмерном использовании.

Выгрузка изображений — самый простой и легкий способ начать.Все файлы изображений можно равномерно разделить между тремя именами хостов (например, assets1.yoursite.com, assets2.yoursite.com, assets3.yoursite.com). По мере роста трафика эти имена хостов могут быть перемещены на ваш собственный сервер. Примечание. Избегайте случайного выбора имени хоста, так как это повлияет на кеширование браузера и приведет к увеличению трафика, а также может привести к чрезмерному поиску DNS, что приведет к снижению производительности.

Аналогичным образом любые статические файлы JavaScript и CSS могут быть выгружены на отдельные имена хостов или серверы.

Вверх ↑

Feeds # Feeds

Ваши каналы могут быть легко выгружены во внешнюю службу. Службы отслеживания фидов, такие как Google FeedBurner, будут делать это автоматически, серверы Feedburner будут обрабатывать весь трафик фидов и обновлять фид с вашего сайта только каждые несколько минут. Это может значительно сэкономить трафик.

Точно так же вы можете выгрузить свои собственные каналы на отдельный сервер (например, feeds.yoursite.com), а затем обрабатывать собственную статистику каналов / рекламу.

Наверх ↑

Дополнительная литература # Дополнительная литература

Вверх ↑

Сжатие # Сжатие

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

W3 Total Cache поддерживает Minify и Tidy для сжатия и объединения ваших таблиц стилей и файлов javascript.Он также поддерживает сжатие вывода, такое как zlib, см. Также Сжатие вывода.

Также важно сжимать медиафайлы, а именно изображения. Плагин WP Smushit может помочь в этом.

Наверх ↑

Настройка базы данных # Настройка базы данных

Наверх ↑

Очистка базы данных # Очистка базы данных

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

Вы также можете указать WordPress минимизировать количество сохраняемых ревизий ваших сообщений и страниц.

Наверх ↑

Добавление серверов # Добавление серверов

Хотя для этого требуется дополнительный опыт, добавление серверов может быть мощным способом повышения производительности. Я настоятельно рекомендую прочитать «Архитектура высокомасштабируемого сайта WordPress в AWS». Руководство по созданию более дорогой и масштабируемой реализации AWS с использованием Amazon Relational Data Store (RDS).

Вы можете использовать Amazon Elastic Load Balancer для распределения трафика между несколькими веб-серверами, а также HyperDB или Amazon RDS для запуска более масштабируемых или нескольких серверов баз данных.

Наверх ↑

Наверх ↑

Дополнительная литература # Дополнительная информация

Наверх ↑

Презентации производительности WordCamp # Презентации производительности WordCamp

Как очистить базу данных WordPress для повышения производительности

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

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

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

Перед тем, как начать, сделайте резервную копию!

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

Видеоурок

Подписаться на WPBeginner

Если вам не нравится видео или вам нужны дополнительные инструкции, продолжайте читать.

Очистка базы данных WordPress с помощью WP-Sweep

Первое, что вам нужно сделать, это установить и активировать плагин WP-Sweep. После активации просто перейдите к Tools »Sweep , чтобы очистить базу данных WordPress.

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

Вы можете просмотреть элементы и очистить их по отдельности, или вы можете прокрутить страницу вниз и нажать «Очистить все», чтобы очистить все в своей базе данных WordPress.

Очистка может занять некоторое время в зависимости от размера вашей базы данных. WP-Sweep покажет вам прогресс, обновив статистику на странице.

Почему WP-Sweep и WP-Optimize?

Вам может быть интересно, почему мы пишем о WP-Sweep, когда доступен очень популярный плагин WP-Optimize, который делает почти то же самое.

Ну, это потому, что он написан уважаемым разработчиком WordPress Лестером Чаном.

Также потому, что главной отличительной особенностью WP-Sweep является то, что он в максимально возможной степени использует правильные функции удаления WordPress вместо выполнения запросов MySQL прямого удаления. В то время как плагин WP-Optimize использует SQL-запросы прямого удаления, которые могут оставить потерянные данные.

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

— Лестер Чан (@gamerz) 23 февраля 2015 г.

Другими словами, WP-Sweep лучше написан, чем WP-Optimize.

Что все очищает WP-Sweep?

WP-Sweep использует все необходимые функции удаления WordPress для очистки базы данных. На момент написания этой статьи он может очистить следующее:

  • Редакции
  • Авто тяги
  • Удаленные комментарии
  • Неутвержденные комментарии
  • Спам-комментарии
  • Удаленные комментарии
  • Мета потерянного сообщения
  • Мета-комментарий осиротевшего
  • Мета осиротевшего пользователя
  • Сиротские временные отношения
  • Неиспользованные термины
  • Дублированный пост мета
  • Дублированный комментарий мета
  • Дублированная мета пользователя
  • Переходные параметры
  • Оптимизирует таблицы базы данных
  • oEmbed кешей в мета поста

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Google+.

Руководство по оптимизации

WordPress | GTmetrix

Эта статья может содержать устаревший материал

Это руководство по оптимизации относится к устаревшей версии GTmetrix.

Пошаговое руководство по оптимизации установки WordPress.

Обзор

Многие из наших пользователей используют WordPress либо как платформу CMS, либо как платформу для блогов. Имея множество доступных плагинов, легко создать полнофункциональный веб-сайт с множеством полезных функций. Однако эти плагины могут вставлять дополнительные файлы CSS и JavaScript в ваш заголовок, что может снизить производительность вашего сайта (и оценки PageSpeed ​​и YSlow).

Как оценивается ваш сайт на WordPress?

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

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


(необязательный первый шаг) Установите и активируйте GTmetrix для WordPress

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

Альтернатива: Войдите в систему и проанализируйте свой сайт на GTmetrix.com — вы сможете лучше отслеживать его с помощью графиков истории.

Примечание: В настоящее время мы работаем над обновлением GTmetrix для WordPress. Хотя он давно не обновлялся, он был протестирован и все еще работает с последней версией WordPress (4.7.5 на момент написания этой статьи), за исключением некоторых небольших проблем с форматированием.

Введите свой ключ API GTmetrix

После установки введите свой ключ API из своей учетной записи GTmetrix на странице настроек (вы должны быть зарегистрированы, чтобы сгенерировать ключ API).

Проверьте свою первую страницу

После этого зайдите в «Тесты» и в модуле «Последние оценки первой страницы» нажмите кнопку «Проверить свою главную страницу сейчас».

Создан отчет на первой странице

Будет создан отчет с оценками PageSpeed ​​и YSlow для главной страницы вашего сайта WordPress. Это ваша производительность с до .


Шаг 1) Установите и активируйте UpdraftPlus

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

a) Сделайте резервную копию вашей установки WordPress

В разделе «Настройки» на боковой панели WordPress у вас будет доступ к новому пункту меню под названием «UpdraftsPlus Backups».

Нажмите «Backup Now», чтобы создать полную резервную копию вашей установки WordPress.

Щелкните «Backup Now» — появится всплывающее окно.Убедитесь, что отмечены оба параметра «Включить базу данных в резервную копию» и «Включить любые файлы в резервную копию».

Обеспечьте резервное копирование базы данных и файлов.

Нажмите «Создать резервную копию» — UpdraftPlus создаст полную резервную копию вашей установки WordPress. Если что-то пойдет не так с оптимизацией, или если ваша установка будет взломана или повреждена, вы можете восстановить ее с помощью резервных копий.

Вот и все настройки UpdraftPlus!


Шаг 2) Масштабируйте изображения (необязательно)

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

В WordPress вы можете вставлять изображения меньшего размера в зависимости от того, что WordPress сгенерировал для вас.

Попробуйте вставить изображение меньшего размера, если появляется предупреждение «Обслуживать масштабированные изображения».

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


Шаг 3) Установите и активируйте WP Smush (сжатие и оптимизация изображений Smush)

В разделе «Медиа» на боковой панели WordPress у вас будет доступ к новому пункту меню под названием «WP Smush»

Убедитесь, что в этом разделе включена функция «Автоматическое сглаживание изображений при загрузке».Теперь плагин будет оптимизировать каждое загружаемое вами изображение с момента его активации.

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

Затем удалите все изображения в своей библиотеке мультимедиа, нажав «Массовое удаление 50 вложений» (бесплатная версия плагина ограничена одновременным массовым удалением 50 вложений. Вам необходимо повторно посетить эту страницу и выполнить массовое удаление 50 вложений. следующие 50 вложений).

Нажмите «Bulk Smush», чтобы сжать изображения из библиотеки мультимедиа.

Вот и все для WP Smush! Если вы хотите получить более подробную информацию о таких параметрах, как оптимизация изображений за пределами вашей медиабиблиотеки, прочтите нашу статью «Как оптимизировать изображения: практическое руководство».


Шаг 4) Установите и активируйте WP Fastest Cache

На боковой панели вы увидите новую опцию под названием «WP Fastest Cache».

a) Включите следующие настройки:

  • Кэш-система
    • Включить кэширование для более быстрой доставки страниц.
  • Предварительный натяг
    • При нажатии на эту кнопку вы увидите всплывающее окно с сообщением, какие страницы нужно кэшировать.
    • Отметьте все и оставьте «страниц в минуту» равным 4 — нажмите «ОК».
    • Вам может потребоваться уменьшить это число, если ваш хостинг жалуется.

WP Параметры предзагрузки самого быстрого кэша

  • Зарегистрированные пользователи
    • Гарантирует, что если вы вошли в систему, вы видите фактическое состояние своих страниц, а не кешированные версии.
  • Минимизировать HTML *
    • Сжимает HTML и уменьшает размер файла.
  • Сократить CSS *
    • Сжимает CSS и уменьшает размер файла.
  • Объединить CSS *
    • Объединяет ваши файлы CSS в единый ресурс CSS, уменьшая количество HTTP-запросов.
  • Комбайн JS *
    • Объединяет ваши файлы JavaScript в единый ресурс JS, уменьшая количество HTTP-запросов.
  • Gzip
    • Еще больше сжимайте ваши страницы, чтобы уменьшить размер файла и ускорить загрузку.
  • Кэширование браузера

WP Fastest Cache — Все включенные настройки

По завершении нажмите «Отправить».

Вот и все настройки WP Fastest Cache!

Важные примечания

Минификация и объединение

Уменьшение и объединение HTML / CSS / JavaScript может нарушить функциональность вашего веб-сайта. Минификация, по сути, выполняет ваши скрипты, удаляя посторонние данные, такие как комментарии, форматирование, пробелы и другие вещи, которые компьютерам не нужно читать.Комбинирование берет содержимое каждого отдельного сценария и объединяет их все в один сценарий.

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

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

Если ваша среда хостинга поддерживает HTTP / 2, комбинация сценариев не требуется, поскольку протокол HTTP / 2 поддерживает мультиплексирование — по сути, разрешая несколько загрузок с использованием одного TCP-соединения (как только 6 параллельных соединений в HTTP / 1.x.)

Кэширование страниц

Каждый раз, когда вы вносите серьезные изменения на сайт, например добавляете плагин или изменяете CSS / тему, рекомендуется удалить кеш и предварительно загрузить его снова, чтобы убедиться, что вы используете последнюю версию сайта.Вы можете найти опцию удаления кеша в WP Fastest Cache на вкладке «Удалить кеш».

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

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


Шаг 5) Проанализируйте свой сайт

Еще раз проанализируйте свой сайт (через GTmetrix.com или с помощью нашего плагина) и увидите разницу в производительности!

Вы должны увидеть улучшения в следующих показателях:

  • Время полной загрузки / Время загрузки
  • Общий размер страницы
  • Запросы
  • баллов PageSpeed ​​/ YSlow
    • Показывать масштабированные изображения
    • Оптимизировать изображения
    • Использовать кеширование браузера
    • Минимизировать CSS / HTML
    • Включить сжатие gzip
    • Делайте меньше HTTP-запросов

Ваш пробег может отличаться! Из-за различного характера установок WordPress, использования плагинов и сред хостинга вы не сможете существенно повлиять на все вышеперечисленные показатели.Такие вещи, как сторонние ресурсы (виджеты Facebook, встраивание YouTube и т. Д.) И реклама, по-прежнему могут сильно повлиять на ваш результат.


Сводка

После тестирования и экспериментов со многими похожими плагинами мы обнаружили, что комбинация WP Fastest Cache , масштабирования изображений и WP Smush обеспечивает наиболее эффективный и простой способ повысить производительность вашего веб-сайта WordPress.

Посмотрите на разницу в нашем тестовом блоге — Сравнение здесь:

До и после использования нашего Руководства по оптимизации WordPress

Если у вас есть блог на WordPress, медленный или нет, попробуйте это руководство и сделайте его удобнее!

Нужна помощь? Нанять Застройщика

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


Ваш сайт WordPress по-прежнему работает медленно?

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

Познакомьтесь с нашими партнерами:


У вас есть сайт корпоративного уровня на WordPress, Magento или Zencart?

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

Обратитесь в Numinix сегодня


Нужна помощь? Нанять Застройщика

Рекомендуем обратиться за помощью на Fiverr. Это отличный вариант для владельцев веб-сайтов, которые хотят повысить производительность, но не имеют технических навыков для реализации оптимизации.

Посетите Fiverr, зарегистрируйте учетную запись и найдите службу оптимизации скорости, соответствующую вашей платформе, будь то WordPress, Magento, Shopify, Squarespace, Opencart и т. Д.

Найдите эксперта, который поможет с вашим сайтом сегодня


Как исправить медленный сайт WordPress (100% PageSpeed ​​Insights)

У вас медленный сайт WordPress?

Поскольку в июне 2021 года основные веб-показатели станут фактором ранжирования, оптимизация скорости WordPress определенно изменилась. Многие веб-сайты, получившие отличные оценки, получают в своих отчетах оценки «C» и «D».

Цель этого руководства — исправить рекомендации в GTmetrix и PSI (PageSpeed ​​Insights) при одновременном сокращении времени загрузки, что является наиболее важным фактором и на чем вы должны сосредоточиться.

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

Даже длинные сообщения с тоннами изображений и более чем 500 комментариями загружаются примерно за 1 секунду с TTFB 163 мс

1. Инструменты тестирования

Что изменилось в GTmetrix?

Раньше оценки не всегда коррелировали со временем загрузки.У вас может быть медленный TTFB и тяжелые файлы CSS / JS, но все равно хорошие результаты. Это уже не так. Lighthouse / PSI лучше справляется с корреляцией оценок со временем загрузки, и теперь GTmetrix тоже. Создатели страниц и хостинг могут наиболее заметно повлиять на время загрузки и баллов в GTmetrix / PSI. Вот почему вы видите, что многие люди в группах Facebook (включая меня) спешат удалить свой конструктор страниц.

Web Vitals будет фактором ранжирования в мае 2021 года (другими словами, улучшите ваш отчет PSI).Уменьшение TTFB и времени загрузки определенных элементов в GTmetrix Waterfall — хорошее начало.

  • Google PageSpeed ​​Insights — основной инструмент, для которого вы должны оптимизировать (это Google), особенно сейчас, когда у них есть более точные показатели, которые фактически измеряют время загрузки (например, LCP). Чтобы проверить время загрузки мобильного устройства, используйте Think With Google, который использует соединение 4G (PSI использует 3G). Отчасти поэтому ваши оценки на мобильных устройствах могут быть ниже, чем на компьютерах.
  • Google Search Console Core Web Vitals — в отчете Core Web Vitals отображаются только основные показатели (например,грамм. LCP) для всего вашего сайта WordPress, но не дает конкретных рекомендаций.
  • GTmetrix — используйте диаграмму водопада для определения конкретных CSS, JS, шрифтов, изображений и сторонних доменов, которые необходимо оптимизировать. В остальном аналогичные рекомендации от PSI.
  • KeyCDN Performance Test — отлично подходит для измерения TTFB и времени поиска DNS в 10 точках глобального тестирования. Твердый индикатор, медленный ли ваш хостинг WordPress или DNS.

2.Хостинг

Я обычно рекомендую два хоста, оба они очень разные.

Cloudways
Моя текущая настройка — Cloudways Vultr High Frequency с WP Rocket + Cloudflare. Vultr HF использует NVME с процессорами 3+ ГГц. Мой сайт обычно имеет TTFB <200 мс и время полной загрузки <1 с в GTmetrix при тестировании сообщения с более чем 50 изображениями и 500+ комментариями (я использую около 25 плагинов). Проведите собственный тест или перейдите по ссылке на мой сайт, если хотите. Для чистой скорости Cloudways отлично подходит и предлагает бесплатную миграцию с ежемесячной оплатой и без длительного контракта.Но вам нужно будет купить WP Rocket, хостинг электронной почты за 1 доллар в месяц от Rackspace, а резервные копии стоят 0,033 доллара за ГБ. Панель управления не как проста, как cPanel, но и не слишком сложна. Vultr HF начинается с 13 долларов в месяц, рекомендуется, если скорость является вашим приоритетом №1, и у них есть отличные отзывы TrustPilot. Cloudways очень популярны в группах Facebook с центрами обработки данных по всему миру. Прочтите мой полный обзор здесь.

Получить Vultr HF от Cloudways

NameHero
NameHero использует серверы LiteSpeed, плагин LiteSpeed ​​Cache и QUIC.Cloud CDN, который поддерживает HTTP / 3 + NVME в своем плане Turbo Cloud, за 8,38 долларов США в месяц. Я протестировал их в этом обзоре, который также показывает вам, как настроить LiteSpeed ​​+ QUIC для оптимального времени загрузки. После настройки новый стартовый сайт Astra снизился с 697 мс TTFB + 2,8 с при полной загрузке до 61 мс TTFB + 733 мс при полной загрузке. Убедитесь, что LiteSpeed ​​+ QUIC настроен правильно! Поддержка в США — A + и, возможно, лучше, чем Cloudways. NameHero использует cPanel, «проще», чем Cloudways, и предлагает бесплатную миграцию.Нет необходимости покупать сторонние инструменты, такие как WP Rocket, хостинг электронной почты или резервные копии, поскольку они встроены в NameHero, LiteSpeed ​​и QUIC. Их центры обработки данных находятся только в США (Мичиган, Аризона, Миссури) и Нидерландах. Самый большой минус в том, что вам нужно подписаться на 1-3 года по дешевой промо-цене, а затем продлить ее по более высокой цене.

Получите LiteSpeed ​​от NameHero

Хотите Vultr HF, WP Rocket и Cloudflare? Или вам нужен сервер LiteSpeed, LiteSpeed ​​Cache и QUIC.облако? Они оба отличные настройки — выберите то, что вам больше всего подходит. NameHero лучше всего подходит для новичков, а Cloudways — для людей с некоторым опытом хостинга.

Будьте осторожны с другими хостинговыми компаниями:

  • Мэтью Вудворд продвигает WPX, но использует Kinsta на своем собственном сайте.
  • Даррел Уилсон толкает NameHero, но его отчет GTmetrix — беспорядок.
  • Hostinger пишет фальшивые обзоры и был исключен из групп Facebook.
  • Они также запускают SiteGround, когда Backlinko сообщает, что их TTFB медленный (я перестал их рекомендовать и изменил свой обзор, чтобы описать все проблемы SiteGround).
  • Марки
  • WP Engine, Bluehost, HostGator, GoDaddy и EIG явно не годятся.

Единственный «тест», о котором вам следует позаботиться, — это ваш собственный . Некоторые хосты предлагают бесплатную пробную версию или имеют ежемесячную плату. Переместите свой веб-сайт, проверьте свой TTFB / время отклика и продолжайте.

Мой отчет GTmetrix о Cloudways

Присоединяйтесь к группам Facebook, чтобы получить объективную обратную связь: WP Speed ​​Matters, WordPress Hosting, WordPress Speed ​​Up. Взгляните на опросы, проведенные на тему «лучший хостинг» ( кликов, чтобы увеличить ).

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

Шаг 1: Зарегистрируйтесь в Vultr High Frequency Шаг 2: Используйте код OMM25 , чтобы сэкономить 25% в первые 2 месяца Шаг 3: Запустите свой сервер (Vultr HF и DigitalOcean работают стабильно) Шаг 4 : Используйте плагин Migrator, чтобы переместить свой сайт или запросить бесплатную миграцию Шаг 5: Наслаждайтесь более быстрым TTFB и временем загрузки

Заявление об отказе от ответственности — да, я являюсь партнером Cloudways и NameHero, но я бы предпочел зарабатывайте на жизнь, направляя людей на лучший и более быстрый хостинг, чем на другой мусор.Я стараюсь подкреплять рекомендации реальными доказательствами. Вы можете видеть разговоры в группах FB, рекомендации Адама по Cloudways (WPCrafter) и другие отзывы.

3. Конструкторы страниц

Конструкторы страниц потерпели поражение в новом обновлении GTmetrix.

Они добавляют дополнительные элементы CSS, JavaScript и DOM, которые влияют на несколько элементов в PSI. Просмотрите свой исходный код и посмотрите, сколько раз упоминаются Elementor или Divi (для меня это было 2000+). Выполните поиск в Google и посмотрите тесты скорости (вот один на Gutenberg vs Elementor).Как и многие другие участники групп Facebook, я сейчас удаляю Elementor со своего сайта.

  • Divi, Elementor и Brizy — медленные компоновщики страниц.
  • Oxygen, GeneratePress и Kadence — надежные и легкие альтернативы.
  • Другими альтернативами являются темы
  • Gutenberg, Genesis и Elementor Hello.
  • При использовании стартовых сайтов Astra используйте шаблон, встроенный в Gutenberg (а не в Elementor).
  • WP Johnny предлагает услуги по удалению компоновщика страниц (он удалил Elementor для меня).
  • Добавление дополнительных плагинов / надстроек для построения страниц еще больше замедлит работу WordPress.
  • Используйте Asset CleanUp или Perfmatters для выгрузки неиспользуемых ресурсов, созданных построителями страниц.
  • Плагин
  • Divi’s Rocket выглядит посредственно, и вам лучше использовать WP Rocket или LiteSpeed.
  • Elementor имеет экспериментальные функции в настройках, которые включают оптимизацию скорости (оптимизированный вывод DOM и улучшенная загрузка активов), которые вы должны попробовать.
  • Divi имеет встроенные настройки минимизации и комбинирования файлов CSS / JavaScript.Они могут работать лучше (с точки зрения совместимости), чем плагины кеширования, но проверяют их влияние в инструментах скорости.

Переносы конструктора страниц и опросы по самым быстрым темам ( щелкните эскизы, чтобы увеличить ):

Источник: Oxygen4Fun

4. Плагины

Плагины

печально известны тем, что замедляют работу WordPress.

Вот почему так важно провести исследование (в группах Facebook и прочитать обзоры в репозитории WordPress), прежде чем выбирать плагин.Проверьте его влияние в Query Monitor или PSI.

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

  • Избегайте распространенных медленных плагинов (ниже).
  • Найдите медленные плагины с помощью Query Monitor.
  • По возможности избегайте подключаемых модулей, использующих jQuery.
  • Используйте плагины с модульной конструкцией и отключите неиспользуемые функции.
  • Избегайте использования подключаемых модулей для SSL, перенаправления и того, что вы можете делать вручную.
  • Избегайте подключаемых модулей, которые запускают тяжелые фоновые процессы или добавляют сторонний код.
  • Жестко запрограммировать элементы (заголовки, меню и т. Д.), Чтобы избежать использования плагинов — при необходимости наймите разработчика.
  • Используйте WP Hive, чтобы узнать, работает ли плагин медленно, перед его установкой (снимок экрана ниже).

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

  1. Добавить
  2. Отслеживание мошенничества с кликами в AdSense
  3. Универсальный календарь событий
  4. Резервный приятель
  5. Строитель бобров
  6. Лучше WordPress Google XML карты сайта
  7. Проверка неработающих ссылок
  8. Постоянный контакт для WordPress
  9. Контактная форма 7
  10. Сообщения по теме
  11. Digi Auto Links
  12. Система комментариев Disqus
  13. Divi Builder
  14. Элементор
  15. Посмотреть полный список из 70+ медленных плагинов

Облегченные альтернативы плагинов

  • Резервные копии — UpdraftPlus.
  • SEO — Rank Math или SEOPress.
  • Слайдеры — Soliloquy или MetaSlider.
  • SSL — плагин не нужен.
  • Перенаправляет — плагин не нужен.
  • Галерея — Галерея Гутенберга или Галерея Мяу.
  • Analytics — Google Analytics и Google Search Console (без плагинов).
  • Безопасность — Межсетевой экран Cloudflare, двухфакторный, ограничение попыток входа в систему, Blackhole.
  • Социальный обмен — Grow By Mediavine (самый быстрый плагин социального обмена в тесте WP Rocket).
  • Комментарии — собственные комментарии или wpDiscuz с оптимизированными настройками и задержкой JavaScript.

5. Кеширование

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

WP Rocket и LiteSpeed ​​- золотые стандарты (или SG Optimizer при использовании SiteGround). Причина, по которой WP Rocket так высоко оценена, заключается в том, что он имеет больше функций скорости, чем большинство других плагинов кеширования (что приводит к большей оптимизации скорости, но меньшему количеству плагинов, необходимых на вашем сайте).

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

  • Очистка базы данных — WP-Optimize
  • Оптимизация CSS / JS — автоматическая оптимизация
  • Задержка выполнения JavaScript — летающие скрипты
  • Локальный хостинг Google Analytics — Flying Analytics
  • Интеграция URL-адресов CDN — BunnyCDN / CDN Enabler
  • Контроль сердцебиения — Контроль сердцебиения / ручной код
  • Ленивая загрузка изображений / видео — Optimole / WP YouTube Lyte
  • Предварительная загрузка ссылок / мгновенная страница — Perfmatters или Flying Pages
  • Prefetch / preload — Perfmatters, Pre * Party или ручной код
  • Локальный хост Facebook Pixel — насколько я знаю, ни один плагин не делает этого.
  • Font-display: swap — поменять местами отображение шрифтов Google / код руководства

WP Rocket занимает первое место в большинстве опросов Facebook ( щелкните эскизы, чтобы увеличить ):

Типы кэширования
Существует 6 типов кэширования.Плагины кеширования обычно поддерживают только 2 типа (полный кеш страницы + кеш браузера). Другие типы обычно можно активировать в учетных записях облачного хостинга. Воспользуйтесь преимуществами различных типов кеширования, которые предлагает ваш хост — плагины кеширования — это лишь часть картины. Я бы определенно активировал Redis в вашей учетной записи хостинга и использовал плагин Redis Object Cache. В SiteGround SG Optimizer вы обычно должны активировать статический, динамический кеш и memcached.

  • Кэш кода операции — обычно выполняется хостом.
  • Полная страница — обычно выполняется плагином кеширования.
  • Кеш браузера — обычно выполняется плагином кеширования.
  • HTTP-ускорителей — активируйте на вашем хосте (например, Varnish / FastCGI).
  • Объектный кеш — аналог Redis / memcached (настоятельно рекомендую Redis).
  • CDN — выполняется через CDN, или добавьте правило страницы кешировать все в Cloudflare.

Советы по подключаемому модулю кеширования

6. CDN

Cloudflare подходит для большинства сайтов, но если вы серьезно относитесь к скорости, выбирайте BunnyCDN.

Обычно это самый популярный CDN в обсуждениях Facebook (включая этот). BunnyCDN обычно быстрее Cloudflare, RocketCDN (StackPath) и большинства CDN. Это связано с тем, что BunnyCDN — это CDN только для push-уведомлений, а это значит, что у посетителей не будет медленных запросов. WP Johnny сказал, что RocketCDN действительно может увеличить TTFB, а Cloudflare может иметь негативное влияние. Как и плагины кеширования, CDN по-разному реагируют на разные сайты — я бы протестировал Cloudflare / BunnyCDN.

Даже если вы не используете Cloudflare ни для чего другого, их DNS намного быстрее, чем у более дешевых DNS-провайдеров (GoDaddy, NameCheap и т. Д.).Если вы купили домен / хостинг через дешевый хост, изменение DNS на Cloudflare может сократить время поиска DNS.

  • Если посетители являются только местными, вам не нужен CDN.
  • Для установки Cloudflare требуется изменить серверы имен.
  • Будьте осторожны с Rocket Loader (он может сломать ваш сайт).
  • Добавить правила страницы Cloudflare, особенно правило страницы кешировать все, и защитить область администрирования WP. Чтобы кэшировать все на динамических сайтах, используйте WP Cloudflare Super Page Cache.
  • Если вы используете Cloudflare, определенно используйте их APO за 5 долларов в месяц.
  • Если вы используете LiteSpeed, их CDN QUIC.cloud — хороший выбор.
  • Задайте срок действия кеша браузера, как часто вы публикуете новый контент (например, 10 дней).
  • При использовании Cloudflare + WP Rocket настройте вкладку Cloudflare для совместимости.
  • Используйте BunnyCDN, если серьезно относитесь к скорости (настройка с помощью плагина BunnyCDN).
  • Сети CDN
  • могут как улучшить показатели PSI, так и разгрузить большую часть полосы пропускания в своих центрах обработки данных.

7. Шрифты

Оптимизировать шрифты не так просто, как установить флажок в плагине кеширования.

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

  • Избегайте .ttf и используйте вместо него woff, который быстрее.
  • Проверьте GTmetrix Waterfall> Fonts, чтобы увидеть файлы шрифтов / источники / время загрузки.
  • Будьте минимальными с количеством шрифтов (семейства шрифтов, варианты, символы, значки).
  • Размещайте шрифты локально с помощью OMGF или Transfonter (избегайте использования fonts.googleapis.com или fontawesome.com и обслуживайте их со своего URL-адреса CDN (https://x7r6b9v3.rocketcdn.me).
  • Если вы обслуживаете шрифты из внешних источников (например, fonts.googleapis.com), загрузите их заранее.
  • Добавьте отображение шрифта, чтобы «текст оставался видимым во время загрузки веб-шрифта» в PSI.
  • Предварительно загрузите шрифты (скопируйте файлы шрифтов из GTmetrix и добавьте в WP Rocket или Perfmatters).
  • Объедините запросы шрифтов Google (обычно выполняемые через плагин кеширования) — см. Здесь.
  • Избегайте плагинов, которые добавляют дополнительные шрифты и обслуживают шрифты из вашей темы, а не с плагинами.

8. Сторонний код

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

Сюда входят шрифты Google, Google Analytics, Карты, AdSense, Диспетчер тегов, встроенные видео, Gravatars, социальные лайки, пиксель Facebook и даже кнопки лайков из вашего плагина социального обмена.Некоторые из них можно оптимизировать, чтобы они не влияли на PSI, в то время как другой сторонний код сложнее.

  • Google Fonts — размещайте локально, а не обслуживайте их с //fonts.gstatic.com.
  • Карты Google — сделайте снимок карты и свяжите его с маршрутами движения. Если вам необходимо использовать карту, используйте ее только на своих контактных + локальных страницах и в окнах iframe с отложенной загрузкой.
  • Google Analytics — локальный хостинг с помощью WP Rocket или Flying Analytics. Если вы используете Perfmatters, используйте меньший код отслеживания (минимальный, минимальный встроенный или аналитический.js) и отключите функции отображения, чтобы предотвратить повторный HTTP-запрос к Doubleclick.
  • Google AdSense — отложенная загрузка объявлений и задержка JavaScript с помощью WP Rocket или Flying Scripts. AdSense может стать убийцей GTmetrix (вместо этого попробуйте партнерский маркетинг).
  • Google Tag Manager — задержка с использованием WP Rocket или Flying Scripts и очистка тегов. Избегайте жесткого кодирования тегов в заголовке. В противном случае вы мало что можете сделать.
  • Facebook Pixel — разместить его локально с помощью WP Rocket — это единственный известный мне способ.
  • YouTube — отложенная загрузка видео, замена фреймов YouTube на изображения для предварительного просмотра и задержка JavaScript. Если вы используете Elementor, Адам из WPCrafter разместил на YouTube видео для встраивания видео без создания HTTP-запросов к YouTube.
  • Социальные сети — используйте Grow от Mediavine, который был самым быстрым плагином для обмена в социальных сетях в тесте WP Rocket, избегайте виджетов социальных сетей (например, Facebook Like Box).
  • Gravatars — отложите Gravatar и используйте локальное изображение Gravatar с WP User Avatar (в моих комментариях в блоге показан пример пользовательского изображения Gravatar, которое я использую).
  • WPdiscuz — настройте параметры, чтобы инициировать загрузку AJAX после страницы, отключите собственные функции AJAX WordPress и отключите загрузку шрифтов awesome CSS lib. После задержки комментариев и использования WP User Avatar ваши комментарии должны загружаться очень быстро. Встроенный WordPress комментирует тоже быстро (мне просто нравится внешний вид WPdiscuz).

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

9. Изображения

Есть много способов оптимизировать изображения.

Многие из них отображаются в GTmetrix и PSI (изображения правильного размера, отложенные изображения вне экрана, эффективное кодирование изображений и WebP). Я также перечислил несколько дополнительных рекомендаций. Имейте в виду — большинство инструментов для тестирования скорости показывают неоптимизированные изображения только для одной тестируемой страницы.

  • Правильный размер изображений — уменьшение размера больших изображений. Ширина моего блога составляет 680 пикселей, поэтому я обрезаю / изменяю размер полноразмерных изображений блога до этого размера. Некоторые плагины находят изображения большого размера и автоматически изменяют их размер, но перед загрузкой лучше использовать правильный размер.
  • Изображения с отложенной загрузкой — встроены в WordPress 5.5, и многие плагины скорости также делают это (если они включены в другом плагине скорости, они деактивируют нативную отложенную загрузку). Вы должны исключить изображения в верхней части страницы из ленивой загрузки, поскольку они критичны и будут отображаться медленнее для посетителей при ленивой загрузке. В PSI это называется «отложить закадровые изображения».
  • WebP — используйте плагин WebP (или плагин оптимизации изображений, если он поддерживается) для преобразования изображений в WebP, который, как предполагается, будет быстрее и качественнее, чем JPEG / PNG.Включите WebP Cache, если вы используете WP Rocket. В PSI это называется «подавать изображения в формате следующего поколения».
  • Сжимать изображения без потерь — Популярные методы ShortPixel, Smush, TinyPNG и Photoshop. Уровень сжатия действительно зависит от того, чем вы готовы пойти на компромисс между качеством и скоростью (Lighthouse использует 85%). В PSI это называется «эффективным кодированием изображений».
  • Объединение изображений с помощью спрайтов CSS — спрайт CSS объединяет несколько небольших изображений в одно изображение, поэтому он создает 1 запрос вместо нескольких (с помощью генератора спрайтов CSS).Я использовал CSS-спрайт для круглых значков на моей старой домашней странице. Вы также можете сделать это при отображении нескольких логотипов (если у вас есть раздел «клиенты» или «избранные»). Вы должны делать это только с небольшими декоративными изображениями, поскольку это может повредить SEO, если вы будете делать это с обычными изображениями.
  • Показывать изображения через URL-адрес вашей CDN — URL-адреса CDN (например, https://x7r6b9v3.rocketcdn.me) могут использоваться для обслуживания изображений. Cloudflare не использует URL-адрес CDN. Если вы используете URL-адрес CDN, но изображения не обслуживаются, включите параметр CDN Rewrite при использовании Perfmatters.
  • Показывать изображения с правильными размерами — добавьте атрибут ширины / высоты в HTML-код изображения. В WP Rocket есть возможность добавить недостающие размеры изображения, что должно исправить это.
  • Adaptive Images — передавайте изображения меньшего размера на мобильные устройства с помощью плагина адаптивных изображений.
  • Отключить Hotlinking — запрещает людям встраивать ваши изображения на свои веб-сайты, что потребляет пропускную способность и стоит ваших денег. Вы можете предотвратить это с помощью защиты от горячих ссылок Cloudflare, настройки отключения встраивания в WP Rocket или на некоторых хостах есть опция отключения горячей ссылки.Добавление вашего логотипа к изображениям также может отпугнуть людей от хотлинкинга.
  • Удаление данных EXIF ​​из изображений — удаление ненужных данных из изображений, таких как дата, время, местоположение и настройки камеры, когда была сделана фотография. Выполняется большинством плагинов оптимизации изображений.
  • Понижение качества для более медленных подключений — плагины, такие как Optimole, позволяют отображать изображения более низкого качества для пользователей при медленных подключениях (пониженная версия для уменьшения размера файла до 40%).

10.Видео

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

  • Ленивая загрузка видео — через плагин кеширования, Perfmatters или попробуйте WP YouTube Lyte.
  • Замена iframe YouTube изображениями для предварительного просмотра — iframe (который является самым тяжелым элементом видео) загружается только после того, как посетители действительно нажимают кнопку воспроизведения.
  • Preconnect To YouTube — устанавливает раннее подключение к YouTube и является элементом PSI.
  • Выгрузка медиафайлов в сторонние службы — если вы используете размещенные на собственном сервере видео, используйте стороннюю службу, такую ​​как WP Offload Media, чтобы выгрузить их в Amazon S3, DigitalOcean Spaces или Google Cloud Storage и обслуживать их с помощью Amazon CloudFront или другой CDN.

11. База данных

Глубоко очистите базу данных.

Многие плагины кеширования имеют автоматическую очистку базы данных (у меня в WP Rocket установлена ​​1 неделя), но они не удаляют таблицы, оставленные плагинами, которые создаются при удалении плагина.Для этого типа очистки я рекомендую время от времени устанавливать WP Optimize. Установите его, а затем удалите таблицы из старых плагинов, помеченные как «не установлены», если вы не планируете использовать плагин снова.

  • Запланировать текущую очистку базы данных (я использую WP Rocket).
  • Удалены неиспользуемые таблицы (в WP-Optimize) после удаления плагина.

12. Выгрузить активы

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

Уменьшение CSS и Javascript являются элементами PSI и обычно выполняются с помощью Perfmatters или Asset CleanUp. Я написал о них сравнение (я использую Perfmatters, так как UI / UX намного лучше). Однако профессиональная версия Asset CleanUp позволяет выгружать собственный CSS, а Perfmatters — нет.

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

Примеры:

  • Отключить плагин слайдера на страницах, на которых не используются слайдеры.
  • Отключить плагин Rich Snippets на страницах, которые не используют Rich Snippets.
  • Отключить плагин контактной формы на страницах, на которых нет контактной формы.
  • Отключить скрипты и стили WooCommerce на страницах, не относящихся к электронной коммерции.
  • Отключить плагин управления партнерскими ссылками на страницах, которые не используют партнерские ссылки.
  • Отключить плагин социального обмена на всех страницах (поскольку он обычно предназначен для сообщений в блогах).
  • Отключите неиспользуемые функции в построителе страниц (см. Этот пост для Elementor).

13. Удаление вздутия

Удаление раздувания может снизить нагрузку на ЦП и высвободить ресурсы сервера.

Некоторое раздувание можно удалить с помощью Perfmatters (проверьте страницу с их функциями), Asset CleanUp или с помощью ручного кода.Вам также следует пройти через настройки темы / плагина / хостинга, чтобы отключить все функции, которые вы не используете. Сюда входят фоновые процессы, которые могут потреблять много ресурсов ЦП.

  • Отключить сердцебиение.
  • Избегайте раздутых тем.
  • Удалите неиспользуемые медиафайлы.
  • Удалите неиспользуемые темы / плагины.
  • Отключить отслеживание использования в плагинах.
  • Отключить неиспользуемые модули в плагинах.
  • Заменить WP cron настоящими заданиями cron.
  • Ограничение ревизий поста (достаточно 5-10).
  • Глубоко очистите базу данных с помощью WP-Optimize.
  • Защитите свой блог / формы от спама в комментариях.
  • Удалите jQuery Migrate, если ваши плагины не используют его.
  • Отключить другие неиспользуемые элементы в Perfmatters или Asset CleanUp.
  • Отключите неиспользуемые функции в вашей учетной записи хостинга: электронную почту, DNS, FTP и т. Д.

14. Задержка JavaScript

Delaying JavaScript был введен в WP Rocket и также может быть выполнен с помощью Flying Scripts (WP Rocket задерживает до взаимодействия с пользователем, в то время как Flying Scripts устанавливает период ожидания в секундах).

Вы должны откладывать только тот JavaScript, который загружается ниже сгиба. WP Rocket имеет список безопасных JavaScript по умолчанию для задержки, но вы можете добавить больше. Я отложил и wpDiscuz, и Gravatars, и теперь мой блог загружается намного быстрее, а раздел комментариев не вызывает ошибок GTmetrix.

Просмотрите свой отчет PSI и обратите внимание на следующие элементы: сокращение времени выполнения JavaScript, сокращение неиспользуемого JavaScript и уменьшение воздействия стороннего кода. Если вы видите какой-либо некритический JavaScript, который может быть отложен, протестируйте его.Например, AdSense можно отложить, добавив adsbygoogle.js.

15. Предварительная выборка, предварительная загрузка, предварительное подключение

Они говорят браузерам загружать ресурсы заранее.

Вы, наверное, видели это в WP Rocket, Perfmatters, Pre * Party Resource Hints, или можете добавить код вручную. Предварительная нагрузка и предварительное подключение также являются рекомендациями PSI. Вы можете добавлять подсказки к ресурсам, используя следующие значения: шрифты, сценарии, стили, изображения, мультимедиа и документы.

  • Prefetch — помогает браузерам предвидеть запросы со сторонних сайтов. Сначала просмотрите загрузку сторонних доменов на вашем сайте в PSI или GTmetrix. Затем возьмите их URL-адреса или просмотрите эти общие домены для предварительной выборки. Наконец, предварительно загрузите их с помощью одного из трех упомянутых плагинов.
  • Preload — часто используется для ссылок и шрифтов. Предварительная загрузка ссылок загружает страницу, когда пользователь наводит курсор на ссылку, поэтому к тому моменту, когда они нажимают на нее, страница загружается почти мгновенно (это можно сделать в WP Rocket, Perfmatters или Flying Pages).Предварительная загрузка шрифтов помогает браузерам обнаруживать шрифты в файлах CSS. Для этого скопируйте URL-адреса шрифтов из вкладки GTmetrix Waterfall и вставьте их в раздел предварительной загрузки шрифтов в одном из трех упомянутых плагинов.
  • Preconnect — устанавливает ранние подключения к важным сторонним источникам. Обычен для CDN и внешних шрифтов, таких как fonts.gstatic.com, но не может быть выполнен в WP Rocket (используйте один из других плагинов). С осторожностью используйте и проверяйте результаты в инструментах ускорения после внедрения.

16.Перенаправляет

Если вы видите в PSI сообщение «Избегайте переадресации целевой страницы», вероятно, это связано с тем, что вы ссылаетесь на неправильные URL-адреса или используете плагин, который создает переадресацию. Это индивидуально, но вот несколько советов.

  • Избегайте подключаемых модулей, которые создают перенаправления.
  • Правильно используйте завершающие слэши: https://example.com/blog/
  • Ссылка на правильную версию HTTPS и WWW или версию без WWW.
  • Не используйте подключаемые модули переадресации, их создание в .htaccess выполняется быстрее.
  • Используйте Better Search Replace, чтобы исправить ошибки перенаправления на вашем сайте.

17. Блокировать плохих ботов

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

Шаг 1 : Установите Wordfence (он может потреблять ресурсы процессора, поэтому подумайте об его удалении, когда закончите).

Шаг 2 : Просмотрите отчет о трафике Wordfence в реальном времени в течение нескольких минут, чтобы увидеть, какие боты атакуют ваш сайт в режиме реального времени.Робот Google (и, вероятно, другие) явно в порядке, но вы можете заметить несколько спам-сообщений. Погуглите имена хостов этих ботов, чтобы узнать, не считают ли их спамом другие люди.

Шаг 3 : Заблокируйте ботов (у вас есть несколько вариантов): блокировка Wordfence, правила брандмауэра Cloudflare (блокировать до 5), Blackhole для плохих ботов, брандмауэр 7G Джеффа Старра или защита ботов Cloudways.

Войдите в свою панель управления Cloudflare и перейдите в Брандмауэр → Правила брандмауэра → Создать правило брандмауэра.Скопируйте имена хостов плохого бота (из Wordfence) и добавьте их сюда, в поле «Значение». Поскольку вы можете создать 5 правил, вы должны повторить этот шаг для своих 5 худших плохих ботов из Wordfence.

  • Поле = Имя хоста
  • Оператор = содержит
  • Значение
  • = имя хоста плохого бота, которого вы нашли в Wordfence

Шаг 4 : Зайдите в «Журнал блокировки» в Cloudflare и посмотрите, как ваши спам-боты блокируются.

Переместите страницу входа в WP с помощью Perfmatters или WPS Hide Login, поскольку ваша страница входа в систему по умолчанию привлекает спам-ботов.Если вы используете Cloudflare или другую службу безопасности, включите WAF.

18. Мобильный

Как вы улучшаете мобильные показатели в PSI?

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

  • Убедитесь, что темы / плагины адаптируются.
  • Заменить слайдеры изображениями (слайдеры все равно ушли в прошлое).
  • Кодируйте меню на CSS вместо JavaScript и избегайте гамбургерных меню.
  • Показывайте изображения меньшего размера на мобильных устройствах с помощью плагина адаптивных изображений.
  • Включите мобильное кэширование, если ваш плагин кеширования поддерживает его (или получите такой, который поддерживает).
  • Понизить качество изображения для более медленных соединений (вы можете сделать это в Optimole).
  • Рассмотрите AMP (я не фанат) — конверсия Kinsta упала на 59% при использовании AMP.
  • Проверьте отчет Web Vitals в Search Console (есть специальный раздел для мобильных устройств).

19. WooCommerce

Сайты WooCommerce могут потребовать больше скриптов, стилей, фрагментов корзины и плагинов.

Помимо общей оптимизации скорости, вы можете сделать еще несколько вещей. Безусловно, наиболее важным является надежный хостинг. Cloudways и Gridpane — это то, что я предлагаю для WooCommerce.

  • Используйте плагин Disable WooCommerce Bloat.
  • Никогда не запускайте WooCommerce на виртуальном хостинге (рецепт катастрофы).
  • Очистить переходные процессы WooCommerce в настройках статуса WooCommerce.
  • Отключить фрагменты тележки, если вы цените скорость больше фрагментов (в Perfmatters).
  • Отключить скрипты / стили WooCommerce на страницах, не относящихся к электронной коммерции (в Perfmatters).

20. Обновить программное обеспечение

Следите за обновлениями программного обеспечения. WooCommerce и некоторые конструкторы страниц (Elementor и Divi) имеют раздел состояния системы, в котором отображаются сведения о вашем программном обеспечении.Также будьте в курсе, когда ваш хост выпускает обновление (версия PHP, Redis и т. Д.). Скорее всего, вам придется внести эти обновления вручную.

  • Версия PHP
  • MySQL + MariaDB версии
  • Ядро WordPress, темы, плагины, фреймворки

21. Разное

Некоторые из них не попали в другие разделы, поэтому я перечислил их здесь:

  • Защитить страницы входа — при использовании Cloudflare добавьте правило страницы для своей страницы входа, установите высокий уровень безопасности, затем отключите функции производительности Cloudflare внутри администратора.
  • Используйте Brotli — он намного быстрее, чем GZIP (WP Rocket поддерживает только GZIP).
  • CDN Rewrite — если вы используете CDN, но изображения с него не передаются, попробуйте включить опцию перезаписи CDN в настройках Perfmatters (не применимо к Cloudflare).
  • Отложить некритический JavaScript — используйте плагин кеширования или автоматическую оптимизацию, чтобы отложить некритический JavaScript (файлы JS загружаются ниже сгиба). Не откладывайте содержание верхней части страницы.
  • Не включать Yoast Indexables — утверждает, что ускоряет работу сайта, но я бы не стал его включать (много жалоб в их блоге). И, честно говоря, вместо этого вам следует использовать Rank Math или SEOPress.
  • Чтобы комбинировать CSS / JS и использовать критический CSS, или нет — WP Johnny говорит, что небольшие сайты должны объединяться, а большие — нет. Вы также должны протестировать критический CSS, чтобы увидеть, оказывает ли он положительное влияние на время загрузки, потому что иногда он может иметь отрицательное влияние.

22.Плагины скорости

Вот список из 35+ плагинов скорости WordPress с краткими описаниями.

Конечно, все это вам не нужно. Больше всего я рекомендую Oxygen Builder, WP Rocket или LiteSpeed, Perfmatters, ShortPixel, WP-Optimize, Query Monitor и Autoptimize.

  • Oxygen Builder — легкий конструктор тем. Я рекомендую создавать свой сайт.
  • WP Rocket — плагин кеширования №1 в большинстве опросов Facebook и то, что использует большинство людей.
  • LiteSpeed ​​Cache — плагин кеширования, который следует использовать, если вы работаете на сервере LiteSpeed.
  • Perfmatters — выгружать активы, удалять раздувание, оптимизировать WooCommerce, другие функции.
  • Asset CleanUp — аналогично Perfmatters (бесплатно, но более ограниченно, а UI / UX не очень хорош).
  • Autoptimize — лучший контроль оптимизации CSS / JavaScript, чем у большинства плагинов кеширования.
  • OMGF | Размещать шрифты Google локально — устраняет проблемы с кешированием браузера для GA.
  • ShortPixel — популярный плагин для оптимизации изображений с возможностью конвертировать изображения в WebP.
  • ShortPixel Adaptive Images — отправляйте интеллектуальные кадрированные (уменьшенные) изображения на мобильные устройства.
  • Optimole — отложенная загрузка изображений без jQuery и их обслуживание через CDN Cloudfront.
  • WP-Optimize — очищает базу данных, включая возможность удаления таблиц, оставленных старыми плагинами.
  • Query Monitor — найдите узкие места, замедляющие работу вашего сайта, включая самые медленные плагины.
  • Swap Google Fonts Display — гарантирует, что текст остается видимым во время загрузки веб-шрифта (элемент PSI).
  • Flying Scripts — аналогично задержке выполнения JavaScript в WP Rocket (задерживает JavaScript).
  • Flying Pages — аналогично предварительно загруженным ссылкам в WP Rocket (предварительно загружает страницы при наведении курсора мыши).
  • Swift Performance — подключаемый модуль кеширования с агрессивным кешированием (посредственные отзывы).
  • SG Optimizer — используйте, если вы используете SiteGround, но я не рекомендую хостинг SiteGround.
  • Breeze By Cloudways — не используйте, если используете Cloudways (гораздо лучше WP Rocket).
  • WP Fastest Cache — бесплатный плагин для кеширования, но почти не имеет новых функций (устарел).
  • Nitropack — плагин кеширования, специально разработанный для исправления элементов PSI, не обязательно времени загрузки.
  • ToolKit For Elementor — разработан специально для ускорения работы Elementor (хорошие отзывы тоже).
  • WP YouTube Lyte — ленивая загрузка видео и использование изображений для предварительного просмотра (если не используется WP Rocket).
  • Heartbeat Control — отключить / ограничить WordPress Heartbeat API (если не используется WP Rocket).
  • Pre * Party Resource Hints — добавляет предварительную выборку, предварительную загрузку, предварительное подключение (если не используется WP Rocket).
  • Отключить раздувание WooCommerce — удаляет раздувание WooCommerce для ускорения работы администратора.
  • BunnyCDN — используется для настройки BunnyCDN (CDN, который я рекомендую вместо RocketCDN).
  • Blackhole For Bad Bots — предотвращает попадание плохих роботов на ваш сайт и потребление ресурсов.
  • WP Offload Media — разгрузка носителя в различные службы / сети CDN при использовании размещенных на собственном хостинге видео.
  • WP Cloudflare Super Page Cache — используйте правило кеширования всего на динамических сайтах.
  • WP Crontrol — управляйте своими заданиями WP cron и их расписаниями, которые могут снизить нагрузку на ЦП.
  • Условная загрузка Disqus — отложенная загрузка комментариев Disqus с использованием OnScroll, OnClick, Normal.
  • WP User Avatar — загрузите настраиваемое оптимизированное изображение Gravatar, которое можно разместить локально.
  • AMP Для WP — добавьте ускоренные мобильные страницы с вариантами дизайна (я не предлагаю AMP).
  • Отключение виджетов — отключение виджетов боковой панели / панели инструментов (ускорение начальной загрузки администратора).
  • Показать версию PHP — показывает, какую версию PHP вы используете, если вы не знаете, как это сделать.
  • GTmetrix Для WordPress — отслеживайте результаты GTmetrix, планируйте сканирование и получайте оповещения.
  • WP Hosting Performance Check — довольно точная запись производительности хостинга.

23. Элементы PageSpeed ​​Insights

Ниже приведены элементы PageSpeed ​​Insights и распространенные решения. Вот скриншот из Think With Google, который также суммирует их, но я попытался сделать свой конкретным для WordPress.

  • Избегайте чрезмерного размера DOM — избегайте медленных построителей страниц, отложенной загрузки элементов в нижней части страницы (изображения, видео, окна iframe, AdSense), жесткого кодирования заголовка / нижнего колонтитула / меню и разбивки комментариев на страницы. Если вы используете Elementor, включите «Оптимизированный вывод DOM.”
  • Избегайте цепочки критических запросов — отложите / асинхронно JavaScript ниже сгиба, объедините CSS и JS в отдельные файлы, воспользуйтесь преимуществами предварительного подключения и предварительной загрузки.
  • Избегает document.write () — чаще всего ассоциируется с динамическим годом в области нижнего колонтитула. Вместо этого вручную добавьте текущий год, не делая его динамическим.
  • Избегайте огромной сетевой нагрузки — уменьшите размер страницы и количество HTTP-запросов. Общая рекомендация, которая охватывает от кеширования до оптимизации изображений, шрифтов, стороннего кода, плагинов и сокращения файлов CSS + JavaScript.
  • Избегайте больших библиотек JavaScript с меньшими альтернативами — большинство плагинов полагаются на jQuery вместо больших библиотек JavaScript, но вы все равно должны попытаться удалить jQuery с вашего сайта, используя плагины без jQuery и отключив перенос jQuery.
  • Избегайте больших макетов смещения — измеряет смещение элементов на странице, часто связанных со шрифтами, кнопками, изображениями, CSS и уведомлениями о файлах cookie, которые «летают» во время загрузки страницы. Быстрые подсказки: попробуйте отключить «оптимизацию доставки CSS» в WP Rocket или «асинхронно загружать CSS» в кеше LiteSpeed.Правильно используйте отображение шрифтов, исключите изображения в верхней части страницы из отложенной загрузки и укажите размеры изображений / окон iframe. Реклама, анимация и динамический контент также могут вызывать высокий CLS. Показатель CLS применяется только к контенту, который находится в верхней части страницы.
  • Избегайте переадресации нескольких страниц — используйте правильные HTTPS и WWW или не WWW версию на всем своем сайте. Плагины также могут вызывать ошибки перенаправления.
  • Избегайте несоставной анимации — исправьте анимацию, которая смещается или выглядит некорректно при загрузке страницы, что также повлияет на общее время смены макета.
  • Не используйте устаревший JavaScript в современных браузерах. — не используйте устаревший JavaScript (стандарт ES5). Использование надежных тем / плагинов должно предотвратить это.
  • Отложить закадровые изображения — отложенная загрузка изображений (встроенная в WordPress или использование плагина (Optimole), который выполняет отложенную загрузку без jQuery и обслуживает изображения через Cloudfront).
  • Убедитесь, что текст остается видимым во время загрузки Webfont — используйте свойство «swap» в font-display, добавив & display = swap в конец URL-адреса шрифта Google, или используйте плагин.
  • Эффективное кодирование изображений — общая рекомендация по уменьшению размера изображений. Сжимайте изображения (с помощью таких плагинов, как ShortPixel или TinyPNG), лениво загружайте изображения, обслуживайте их из CDN (Cloudflare не работает), удаляйте данные EXIF, используйте WebP.
  • Устранение ресурсов, блокирующих рендеринг — сгенерировать критически важный CSS и отложить JavaScript. Autoptimize и плагин Async JavaScript обычно могут это исправить.
  • Включить сжатие текста — включить GZIP в плагине кеширования (но Brotli работает быстрее).
  • Самая большая отрисовка содержимого — сколько времени требуется для завершения рендеринга основного содержимого на странице (задействовано несколько факторов). Основные способы улучшения LCP — это сократить время отклика сервера, выбрать центр обработки данных рядом с посетителями, использовать CDN, добавить подсказки ресурсов браузера, такие как предварительное подключение и предварительная выборка, использовать кэширование на стороне сервера, встроить критические ресурсы, отложить некритические ресурсы, использовать критический путь CSS, избегайте тяжелых скриптов в верхней части страницы, уменьшайте размер DOM, убедитесь, что текст остается видимым во время загрузки шрифта, оптимизируйте изображения, используйте адаптивные изображения и минимизируйте CSS / JS.
  • Минимизировать работу основного потока — общая рекомендация по сокращению количества JavaScript.
  • Удалите неиспользуемый JavaScript / CSS — избегайте медленных построителей страниц, которые добавляют много ненужного CSS / JS, сокращают сторонний код за счет локального размещения файлов, отложенной загрузки файлов и задержки некритического JavaScript. Удалите jQuery, если он не нарушает работу вашего сайта. Используйте критический CSS или используйте этот инструмент для удаления неиспользуемого CSS. Используйте код отслеживания Google Analytics меньшего размера (analytics-minimal.js или analytics.js) вместо gtagv4.js. Используйте Perfmatters или Asset CleanUp, чтобы выгружать ресурсы на определенных страницах и публикациях.
  • Уменьшите время отклика сервера — избегайте виртуального хостинга, брендов EIG и откажитесь от SiteGround, поскольку их TTFB стал медленным. Попробуйте Cloudways (DigitalOcean или Vultr HF) или Gridpane. Присоединяйтесь к группе WP Hosting Facebook, чтобы получить обратную связь.
  • Поддерживать низкое количество запросов и небольшой размер передачи — Сохранение низкого количества запросов означает выполнение меньшего количества HTTP-запросов (часто связанных с большим количеством стороннего кода, несколькими шрифтами и несколькими файлами CSS / JavaScript).Чтобы сохранить небольшой размер передаваемых данных, минимизируйте CSS / JS, используйте сжатые изображения правильного размера + и устраните проблемы с перенаправлением.
  • Время выполнения JavaScript — см. Пункт «удален неиспользуемый JavaScript».
  • Минимизируйте стороннее использование — просмотрите загрузку стороннего кода на вашем сайте в PSI или GTmetrix Waterfall (или вот список распространенных сторонних разработчиков), а затем решите, что нужно оптимизировать. Размещайте шрифты локально в OMGF, размещайте локально Google Analytics и Facebook Pixel, лениво загружайте видео, заменяйте фреймы YouTube изображением предварительного просмотра и размещайте Gravatars локально с помощью WP User Avatar.Используйте меньший тип скрипта GA и отключите ремаркетинг + рекламу для GA, чтобы избежать второго запроса к DoubleClick (в Perfmatters), отложить загрузку второстепенного стороннего JavaScript и избегать использования Карт на всем сайте. AdSense может создавать множество сторонних запросов.
  • Minify CSS — удаляет ненужные символы из CSS (выполняется через плагин кеширования).
  • Minify JavaScript — удаляет ненужные символы из JS (через плагин кеширования).
  • Предварительно подключитесь к требуемым источникам — при использовании CDN или шрифтов Google предварительно подключите URL-адрес CDN и // шрифты.gstatic.com с помощью Perfmatters, Pre * Party или добавьте код вручную. Это позволит установить раннее подключение к сторонним службам.
  • Предварительная загрузка ключевых запросов — загружает важные ресурсы раньше. Обычно делается с важными файлами CSS, JavaScript, WOFF2 и изображениями. Можно сделать в WP Rocket, Perfmatters и других плагинах скорости. Включите предварительную загрузку ссылок и найдите важные файлы, загруженные на ваш сайт. Предварительно загрузите файлы во время тестирования влияния на время загрузки.
  • Правильный размер изображений — избегайте больших изображений и уменьшайте размер до меньшего.Попробуйте создать шпаргалку с размерами логотипа, изображений в блогах, изображений боковой панели и т. Д.
  • Удалите повторяющиеся модули в пакетах JavaScript — часто вызвано импортом кода, который может привести к дублированию модулей (пакетов JS) из нескольких источников.
  • Показывать изображения в форматах следующего поколения — конвертируйте изображения в формат WebP с помощью плагина и включите кэширование WebP в настройках мультимедиа WP Rocket, если вы его используете.
  • Обслуживайте статические ресурсы с помощью эффективной политики кеширования — при использовании WP Rocket отредактируйте файл.htaccess и измените срок действия кеша изображений и шрифтов с 4 месяцев до 180 дней (или 6 месяцев). При использовании Cloudflare установите срок действия кеша на 6 месяцев.
  • Использовать видеоформаты для анимированного содержимого — конвертировать любые анимированные GIF в видео.
  • Пользовательские временные метки и меры — получите дополнительные показатели в PSI и Chrome DevTools, добавив User Timing API. Это не тест «прошел / не прошел»; он просто предоставляет дополнительные данные о скорости, используемые для точного определения , на которое затрачивается времени.
  • Использует пассивные слушатели для повышения производительности прокрутки — некоторые темы / плагины используют «addEventListener» (сделайте его пассивным). Также существует проблема с основным скриптом WordPress (js / comment-reply.min.js), создающим непассивных слушателей.

24. Ресурсы

Если вы хотите сделать это самостоятельно, присоединяйтесь к группам Facebook, которые я рекомендовал, и ищите решения. Многие люди уже задавали вопросы об улучшении конкретных элементов в PSI, рекомендациях по хостингу, плагинам кеширования, CDN и т. Д.Это кладезь информации.

Группы в Facebook

Найм разработчика

  • В.П. Джонни — мой постоянный помощник (хотя он очень занят). Вы должны хотя бы протянуть руку и попытаться втиснуться вместе с ним. В настоящее время он удаляет Elementor для меня и проявляет удивительное внимание к деталям, тестируя все вместе с путями и исправляя проблемы, о которых я не знал.
  • Я также работаю с bdkamol на freelancer.com. Вот его портфолио.Он живет в Бангладеш, поэтому для вас разница во времени, если вы в США, но мы с Пронайей работаем вместе с 2012 года. В его профиле Freelancer у него отличный пятизвездочный отзыв с более чем 50 отзывами.

Вот и все!

Очень надеюсь, что это помогло. Оставьте свои новые оценки + время загрузки в комментариях. Пожалуйста, укажите URL вашего отчета GTmetrix, а НЕ ссылку на ваш сайт, иначе он будет отмечен как спам.

Ура,
Том

О Томе Дюпюи

Том Дюпюи пишет учебники по скорости WordPress и SEO из своей квартиры в Денвере, штат Колорадо.В свободное время он играет в Rocket League и смотрит документальные фильмы об убийствах. Прочтите его биографию, чтобы узнать о нем 50 случайных и тревожных фактов.

Как оптимизировать WordPress для повышения производительности

В этом руководстве рассматриваются следующие темы:

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

Важно! Только сейчас наши эксперты по скорости WP поделятся с вами своими лучшими советами по оптимизации скорости WordPress в совершенно новых электронных книгах БЕСПЛАТНО!

Использовать динамическое кэширование

Использование динамического кэширования для вашего сайта WordPress сильно повлияет на его скорость. В SiteGround мы создали инструмент под названием SuperCacher, который по умолчанию включен для всех веб-сайтов. С его помощью вы можете установить небольшой плагин и управлять динамическим кешированием одним щелчком мыши.Для получения дополнительной информации о том, как его использовать, ознакомьтесь с нашим Руководством по SuperCacher.

Включить Memcached

Служба Memcached, которая является частью SuperCacher, использует нашу собственную реализацию популярной системы Memcached. Он ускоряет вызовы базы данных, вызовы API и рендеринг страниц за счет сохранения данных и объектов в оперативной памяти сервера, что сокращает количество запросов к базе данных.

Вы можете использовать плагин SiteGround Optimizer, чтобы включить Memcached для своего веб-сайта WordPress.

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

Настройте свой сайт для работы через HTTPS

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

Сначала выдайте сертификат SSL для своего веб-сайта. После того, как SSL выпущен и установлен, вы можете включить HTTPS для своего веб-сайта одним щелчком мыши в плагине SiteGround Optimizer.

Используйте последнюю доступную версию PHP

Новые версии PHP обычно обеспечивают много улучшений производительности, поэтому рекомендуется всегда использовать самую последнюю версию PHP для вашего веб-сайта.

Использовать сжатие gZIP

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

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

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

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

Эта функция включена по умолчанию для всех веб-сайтов на наших серверах.

Минимизировать HTML, JS, CSS

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

Для этого вы можете использовать наш плагин SiteGround Optimizer.Плагин также объединит все запросы Google Fonts, используемые на вашем веб-сайте, в один.

Объединить файлы CSS и JS

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

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

Изображения являются неотъемлемой частью каждого веб-сайта.Важно их оптимизировать. При разработке сайта WordPress следует иметь в виду несколько вещей, касающихся изображений:

  • Используйте изображения подходящего размера. Не загружайте большие изображения, а затем масштабируйте их с помощью HTML. Убедитесь, что ваши фотографии и другие изображения не превышают размер, в котором вы их показываете.
  • Используйте функцию оптимизации изображений SiteGround Optimizer. Мы выбрали методы оптимизации, которые обеспечивают оптимальные результаты без снижения качества изображений.
  • Включить отложенную загрузку. Это заставляет ваши изображения загружаться только тогда, когда они собираются стать видимыми для ваших посетителей, а не в процессе начальной загрузки вашей страницы.

Постоянно обновлять WordPress, плагины и темы

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

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

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

Лучшие плагины WordPress для оптимизации сайта

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

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

В этом руководстве мы познакомим вас с 12 нашими любимыми плагинами оптимизации WordPress. Пойдем прямо к делу!

Плагины для оптимизации скорости

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

1. Автоматическая оптимизация

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

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

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

Средний рейтинг : 4.5 / 5

2. Оптимизация скорости страницы Hummingbird

Hummingbird Page Speed ​​Optimization предлагает множество функций, помогающих справиться с минимизацией скриптов, сжатием файлов и кэшированием. Это означает, что Hummingbird может помочь посетителям загружать страницы вашего сайта намного быстрее.

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

Средний рейтинг : 5/5

3. WP-Оптимизация

Вся информация, которую вы загружаете на свой сайт WordPress, попадает в уникальную базу данных. Со временем эта база данных может раздуться, что может замедлить работу вашего сайта. WP-Optimize — это плагин для оптимизации сайта WordPress, созданный, чтобы помочь очистить вашу базу данных WordPress для максимальной эффективности. Плагин работает для де-фрагментации таблиц MySQL, а также для удаления таких данных, как пингбэки, удаленные комментарии, просроченные переходные параметры, изменения публикации и т. Д.

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

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

Средний рейтинг : 5/5

4. Оптимизация базы данных после удаления ревизий

Если вы предпочитаете очистить базу данных одним щелчком мыши, то вам может подойти плагин «Оптимизировать базу данных после очистки версий».Всего одним щелчком мыши плагин удалит ряд ненужных данных, таких как удаленные сообщения, спам-комментарии, неиспользуемые теги, просроченные переходные процессы и многое другое. Кроме того, плагин ведет журнал всего, что он делает, доступен на нескольких языках, а также работает с WordPress Multisite.

Средний рейтинг : 5/5

Плагины поисковой оптимизации

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

1. Yoast SEO

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

С Yoast вы получите четкое представление о том, насколько хорошо вы используете ключевые слова и как ваш контент будет выглядеть в поисковых системах. Если вы новичок в SEO, Yoast — отличный вариант, поскольку он дает вам множество советов по улучшению вашего контента.

Средний рейтинг : 5/5

2.Все в одном пакете SEO

Как следует из названия, All in One SEO Pack — это универсальный магазин для всех ваших SEO-потребностей WordPress. Он предлагает большую часть той же функциональности, что и Yoast, и является популярной альтернативой.

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

Средний рейтинг : 5/5

3.SEO Framework

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

Кроме того, этот плагин использует аналогичную модульную систему для All in One SEO Pack, что означает, что вы можете управлять его функциями на микроуровне. Если вы хотите попробовать альтернативу Yoast, это лучший выбор.

Средний рейтинг : 5/5

Плагины для оптимизации изображений

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

1. Сжатие и оптимизация нечетких изображений

По данным Soasta.com, изображения составляют 62 процента от общего веса страницы. Поэтому использование такого плагина, как Smush Image Compression and Optimization, может сильно повлиять на время загрузки страницы. Этот плагин принимает загружаемые вами файлы изображений и сжимает их, чтобы не занимать много времени на передачу и отображение.Он также может позволить вам оптимизировать изображения за пределами вашей медиабиблиотеки и изменять размер графики.

Более того, Smush предлагает самый удобный интерфейс из всех оптимизаторов изображений WordPress, которые мы пробовали. Если вы хотите беспроблемного использования, то вам стоит попробовать.

Средний рейтинг : 5/5

2. Оптимизатор изображения EWWW

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

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

Средний рейтинг : 4.5 / 5

3. Оптимизатор изображения ShortPixel

Как и в предыдущем случае, ShortPixel Image Optimizer может уменьшить размер файла изображения. Однако он поддерживает больше типов файлов, чем у конкурентов, включая JPG, PNG, GIF и даже PDF.

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

Средний рейтинг : 4.5 / 5

Плагины для оптимизации конверсии

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

1. Хастл

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

Hustle помогает генерировать потенциальных клиентов, создавая формы регистрации, всплывающие окна выхода и значки социальных сетей. Это один из наших лучших вариантов, поскольку он интегрируется со всеми основными платформами электронного маркетинга, включая AWeber и MailChimp.

Средний рейтинг : 4.5 / 5

Как и следовало ожидать, Popups от OptinMonster — это все о всплывающих окнах. Он позволяет использовать конструктор перетаскивания для создания всплывающих окон различных типов, а также форм.

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

Средний рейтинг : 4.5 / 5

3. Тестирование Nelio AB

Один из лучших способов повысить конверсию на вашем веб-сайте — это тестировать новый дизайн и контент, пока вы не получите выигрышную комбинацию. Nelio AB Testing позволяет настраивать эксперименты «сплит-тестирования», чтобы вы могли определить, какие варианты предпочитают пользователи.

Для этого Nelio использует тепловые карты, с помощью которых вы можете анализировать, чтобы определить, к каким элементам привлекают ваши посетители. Если вы хотите использовать жесткие данные для увеличения конверсии, инструменты A / B-тестирования, такие как Nelio, стоят вашего времени.

Средний рейтинг : 4.5 / 5

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

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

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

11 способов повысить производительность WordPress (ОБНОВЛЕНО)

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

Почему вам следует ускорить WordPress?

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

  1. Поисковые системы (например, Google) ранжируют веб-сайты с быстрой загрузкой выше, чем с медленной. Итак, если вы хотите улучшить свою позицию в поисковой выдаче, повышение скорости должно быть одним из ваших приоритетов.
  2. Исследования показали, что скорость загрузки сайта более 2 секунд обычно приводит к тому, что около 47 процентов посетителей уходят с сайта.Итак, чтобы заинтересовать около половины ваших посетителей, вам следует ускорить работу WordPress.
  3. Интернет-покупатели — самый нетерпеливый лот; они ожидают, что страница загрузится в течение секунды. Итак, если у вас есть магазин электронной коммерции на WordPress, вам лучше подготовиться к серьезным улучшениям, чтобы ваш бизнес стал более прибыльным.

Как проверить время загрузки вашего сайта?

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

  • размер этой конкретной страницы,
  • , сколько запросов она генерирует,
  • независимо от того, кэширована она или нет,
  • и, наконец, какой тип контента (статический или динамический) он размещает.

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

  1. WebPageTest.org
  2. Tools.Pingdom.com
  3. PageSpeed ​​Insights (на самом деле это не сообщает время загрузки страницы, но выделяет элементы, которые вы можете настроить для ускорения WordPress)

Хорошо, это о пора поговорить о делах!

Вот 11 способов ускорить WordPress:

1.Выберите лучшего провайдера веб-хостинга

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

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

К счастью, индустрия веб-хостинга продвинулась вперед с развитием технологий, и цены провайдеров облачного хостинга со временем снизились. В настоящее время вы можете купить выделенные облачные серверы у SiteGround, DigitalOcean, Amazon Web Services и даже Google Compute Engine по номинальной цене.Однако настройка этих серверов может быть сложной задачей, поскольку вам необходимо настроить серверы с нуля. Есть провайдеры веб-хостинга, такие как Cloudways (где я работаю) , которые делают задачу настройки оптимизированных облачных серверов такой же простой, как щелчок и запуск.

2. Используйте легкую тему / фреймворк WordPress

Темы

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

Здесь лучше всего использовать легкие темы. Одно из решений — выбрать одну из тем WordPress по умолчанию. Другой — попробовать что-то вроде Neve, созданное теми же парнями, что и CodeinWP.

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

3. Уменьшить размер изображения

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

Если вы вручную оптимизируете изображения с помощью расширения Chrome PageSpeed ​​Insights, Photoshop или любых других инструментов, процесс займет много времени. К счастью, есть плагины практически для всего, что вы можете придумать, включая оптимизацию изображений. Стоит упомянуть:

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

4. Минимизация файлов JS и CSS

Если вы запустите свой веб-сайт с помощью инструмента Google PageSpeed ​​Insights, вы, вероятно, получите уведомление об уменьшении размера ваших файлов CSS и JS.Это означает, что уменьшив количество вызовов CSS и JS и размер этих файлов, вы можете улучшить скорость загрузки сайта.

Кроме того, если вы разбираетесь в темах WordPress, вы можете изучить руководства, предоставленные Google, и внести некоторые исправления вручную. Если нет, то есть плагины, которые помогут вам достичь этой цели; Самым популярным из них является Autoptimize, который может помочь в оптимизации CSS, JS и даже HTML вашего веб-сайта WordPress.

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

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

6. Используйте CDN

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

7. Включить сжатие GZIP

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

Вы можете использовать либо плагин, например PageSpeed ​​Ninja, который включает сжатие GZIP, либо добавить следующие коды в ваш.htaccess файл.

 

AddOutputFilterByType DEFLATE текст / простой AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE текст / xml AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE application / xml AddOutputFilterByType DEFLATE application / xhtml + xml AddOutputFilterByType DEFLATE application / rss + xml AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / x-javascript

8. Очистка базы данных WordPress

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

9. Деактивировать или удалить плагины

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

IFTTT или Zapier — это два веб-сервиса, которые помогают автоматизировать такие задачи и снижают нагрузку на ваш веб-сайт и ресурсы сервера.

10. Снизьте количество внешних скриптов до

Использование внешних скриптов на ваших веб-страницах добавляет большой объем данных к общему времени загрузки.Таким образом, лучше всего использовать небольшое количество скриптов, включая только самое необходимое, например инструменты отслеживания (например, Google Analytics) или системы комментирования (например, Disqus).

11. Отключить пингбеки и трекбэки

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

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

Отключить все это можно в WP-Admin → Настройки → Обсуждение . Просто снимите флажок « Разрешить уведомления о ссылках из других блогов (пингбэки и трекбэки)». ”Это поможет вам еще больше ускорить работу WordPress.

Заключение

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

Если вы еще не начали вести блог, посмотрите это руководство: как создать сайт на WordPress. Это отличный ресурс, предлагающий пошаговые инструкции по созданию личного или профессионального блога.

Теперь ваша очередь.Как ускорить работу WordPress? У тебя есть какие-нибудь хитрости в рукаве?

Не забудьте принять участие в нашем ускоренном курсе по ускорению вашего сайта WordPress. С помощью некоторых простых исправлений вы можете сократить время загрузки даже на 50-80%:

БОНУСНОЕ ВИДЕО: 6 неочевидных исправлений для уменьшения времени загрузки