TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как ускорить WordPress: подробное руководство

634
Содержание

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

Руководство к этому руководству

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

  • Прежде всего, мы поговорим о том, почему важно быть быстрым веб-сайтом. Мы уверены, что вы читали об этом много раз, но, тем не менее, может быть кто-то, кто этого не читал – и это как раз для этого человека!
  • Мы также рассмотрим базовую технологию. Мы в WPExplorer верим, что понимание причины проблемы – лучший способ ее решить. Вот почему в прошлом мы писали руководства, такие как «Руководство для начинающих по внутреннему функционированию WordPress», в котором делается попытка дать общее представление о том, как несколько тысяч строк кода могут обеспечить работу почти 46% веб-сайтов в Интернете. В этом разделе рассматриваются основные факторы, влияющие на вашу скорость и общую производительность. Внимательно прочтите этот фрагмент, так как с каждым фактором мы обсудим лучшие практики.
  • Затем мы поговорим об исправлениях производительности и оптимизации, которые применяются к темам и плагинам WordPress.
  • В оставшейся части руководства мы сгруппировали исправления по категориям, таким как оптимизация изображений, оптимизация базы данных и исправления безопасности. Мы считаем, что эта категоризация поможет вам быстрее понять и понять суть исправлений, чтобы вы могли быстро приступить к работе.

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

Содержание:

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

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

Почему скорость страницы имеет значение


Как ускорить WordPress: подробное руководство

Я постараюсь быть кратким. Все мы знаем, что всем нравится быстрый веб-сайт. Вы также, вероятно, слышали, что в настоящее время Google предпочитает быстрый веб-сайт медленному – это означает, что более быстрый веб-сайт дает лучшие результаты SEO. Хотя этому нет однозначного объяснения, большинство видео и интервью, как правило, указывают на это правдоподобное объяснение.

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

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

Исследования показали, что на каждую дополнительную секунду, добавленную к времени загрузки вашего веб-сайта, вы теряете 7% конверсий, 11% просмотров страниц и общее снижение удовлетворенности клиентов на 16%. Объедините все это в одно предложение, и вы получите вот что –

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

Я надеюсь, что мы смогли убедить вас, потому что это то, что мы собираемся получить. Давайте начнем с настоящего руководства по ускорению работы WordPress.

Базовая технология

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

Статические и динамические сайты

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

Как вы думаете, кто победит в конкурсе «Покажи мне изображение кошки как можно скорее»?

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

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

Статические веб-сайты по своей сути быстрее динамических.

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

Большинство людей предпочитают WordPress статическим веб-сайтам. Это хороший компромисс.

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

С другой стороны, динамические веб-сайты – это благословение для человечества. Представьте, что вам нужно управлять тысячами сообщений, страниц, тегов, категорий и медиафайлов. Управление ими по отдельности сведет человека с ума.

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

Простые советы по ускорению WordPress

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

1 Включите кеширование WordPress.


Как ускорить WordPress: подробное руководство

Кэширование WordPress – это просто «сохранение результата для использования в будущем». WordPress генерирует веб-страницу динамически, каждый раз, когда посетитель запрашивает страницу. Что, если бы он сохранил такую ​​динамически сгенерированную страницу и показал ее следующему посетителю, не создавая ее снова? Это приведет к гораздо более быстрой загрузке страницы.

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

2 Включите сжатие Gzip.

Это простой метод сжатия, который уменьшает размер передаваемых данных и, следовательно, увеличивает скорость. Упомянутые ранее плагины кеширования позволят вам включить сжатие Gzip. Например, вы можете включить сжатие Gzip в W3 Total Cache в разделе «Производительность»> «Обзор кеша».

3 Обновите свой PHP Engine.

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

Ребята из Kinsta Managed Hosting провели тест движков PHP на WordPress 4.3.1, и вот что они обнаружили:

Как ускорить WordPress: подробное руководство

Тесты PHP на WordPress 4.3.1. Источник: Kinsta.com

# PHP-движок Транзакций в секунду
1 Репо HHVM Авторитетный 375.48
2 HHVM 357.69
3 PHP 7 306.24
4 PHP 5.6.16 106.45

Результаты ошеломляют. Если вы сравните PHP 7 и 5, вы увидите огромную разницу – PHP 7 на 187% – почти в 2 раза быстрее, чем PHP 5.

PHP 7 на 187% быстрее PHP 5

HHVM – это PHP-движок, разработанный Facebook. С тех пор только несколько веб-хостингов предлагают этот движок, и он обычно имеет высокую цену. Однако PHP 7 относительно прост в реализации. Большинство общих хостов не испытывают проблем с обновлением до PHP 7.

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

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

4 Выбирайте хостинг с умом.


Как ускорить WordPress: подробное руководство

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

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

Управляемый хостинг WordPress – это лучший хостинг WordPress. Такие хосты, как WP Engine и Flywheel, заботятся о каждом аспекте вашего хостинга – прямо от оптимизации сервера до создания списка запрещенных плагинов, поэтому мы считаем их лучшим вариантом хостинга WordPress. Использование самой передовой комбинации технологий кэширования, движка PHP, веб-серверов, CDN, программного обеспечения для резервного копирования и множества других удивительных вещей для обеспечения наилучшего качества хостинга, которое остается стабильным даже во время скачков трафика. Это отлично подходит для сайтов со средней / высокой посещаемостью.

Облачный хостинг WordPress – это еще один жанр хостинга, который использует инфраструктуру облачных провайдеров, таких как Amazon AWS, Google Cloud и Microsoft Azure, для размещения сайтов WordPress. Это означает, что ваш сайт WordPress будет размещен в облаке, а часть установки / настройки будет выполняться компанией. Это отличный выбор для людей с опытом облачного хостинга или тех, кто хочет им воспользоваться. CloudWays – одна из таких компаний, которая размещает WordPress в AWS и Google Cloud. Ознакомьтесь с нашим обзором CloudWays для получения дополнительной информации.

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

5 Выберите оптимальное расположение сервера.

Физическое расположение сервера играет важную роль во времени загрузки веб-сайта. Если большинство ваших посетителей из Нью-Джерси, не имеет смысла выбирать сервер в центре обработки данных в Сингапуре, расположенном в 9500 милях от отеля. Хотя это не будет иметь большого значения для одного файла размером 1 ГБ; это окажет огромное влияние на 100 файлов по 10 МБ каждый. Поэтому выберите расположение сервера, наиболее близкое к вашей целевой аудитории.

6 Используйте сеть доставки контента.


Как ускорить WordPress: подробное руководство

CDN является прямым продолжением концепции местоположения сервера. Его цель – реплицировать данные вашего сайта WordPress (медиафайлы, файлы CSS и JS) на нескольких серверах по всему миру. Эти места репликации называются точками присутствия POP. Чем больше количество POP, тем лучше сеть CDN. Мы рекомендуем сначала начать с рентабельной бесплатной CDN, а затем обновить свой план, если или когда вам понадобится больше ресурсов.

Клиентское устройство

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

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

7 Оптимизируйте свой мобильный просмотр

Как это работает в более старом устройстве? Хотя Apple может выпускать новый iPhone каждый сентябрь, многие люди по-прежнему используют iPad 4-летней давности – хорошо ли там работает ваш веб-сайт?

Как ускорить WordPress: подробное руководство

Анализ использования iPad. Источник: david-smith.org

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

Классическим примером является плагин BJ Lazy Load, который использует библиотеки JavaScript для отображения изображений только тогда, когда они видны в области просмотра. Если браузер не поддерживает JS или отключен, плагин постепенно ухудшается, то есть останавливает свою основную функцию и загружает изображения в обычном режиме.

Ознакомьтесь с этими плагинами мобильной оптимизации, чтобы получить удобный мобильный сайт.

Расширения WordPress: темы и плагины для ускорения работы WordPress

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

8 Тщательно выбирайте тему.

Когда дело доходит до топовых премиальных тем WordPress, вам нужно действовать осторожно.

Пиратские темы? Точно нет. Не секрет, что вы можете получить пиратскую копию последней версии популярной темы Themeforest – я могу добавить, довольно легко. Но вот загвоздка – высока вероятность того, что в пиратскую тему встроены вредоносные скрипты, невидимые даже для опытного пользователя. Обнаружить такие скрипты могут только обученные разработчики с многолетним опытом. Вредоносные скрипты предназначены для кражи данных ваших клиентов (кредитных карт, электронных писем, адресов и т.д. ), Внедрения вредоносных файлов среди посетителей и использования вашего сервера для рассылки спама, среди прочего. Прежде чем вы это узнаете, вас забанят в Google, а ваша репутация и авторитет резко упадут.

Хорошо продуманные темы? Да. Как определить хорошую тему? Это дизайн? Типографика? Или это отзывчивость? Этот список можно продолжить. На самом деле дизайн – это очень субъективный вопрос. Он передает имидж вашего бренда аудитории. Мы оставляем это на ваше усмотрение.

Мы хотим заняться техническим аспектом хорошо продуманной темы. Должно:

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

Мы сравнили тему Parallax Pro из StudioPress и нашу собственную тему Total. Вот количество запросов в каждом.

Тема Кол-во запросов Время загрузки Perf. Оценка Результат Pingdom
Параллакс Pro 19 1009 мс 75 Ссылка
Всего 21 506 мс 87 Ссылка

Как ускорить WordPress: подробное руководство

Результат теста для темы Parallax Pro от StudioPress

Как ускорить WordPress: подробное руководство

Результат теста общей темы из WPExplorer

Тема Total была размещена в сверхбыстрой управляемой среде хостинга WordPress WPEngine, что позволило сократить время загрузки на 50% и повысить производительность на 12 пунктов.

Инструменты торговли


Как ускорить WordPress: подробное руководство

  • Вы можете использовать Pingdom для измерения количества запросов, которые использует ваша тема WordPress.
  • Theme Check плагин может проверить, является ли активная тема придерживается лучших практик.

9 Используйте правильное количество плагинов

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

  • Плагины, такие как Theme Check или плагин для сброса WordPress, используются время от времени – тогда зачем держать их активированными навсегда? Активировать – использовать – деактивировать. Этой философии плагина должны следовать энтузиасты производительности.
  • Плагин P3 Performance Profiler, который вошел в наш список основных плагинов WordPress, измеряет влияние на производительность активных плагинов на вашем сайте WordPress. Продолжайте деактивировать свои плагины, пока не дойдете до стадии, когда деактивация даже одного плагина приведет к поломке компонента вашего сайта.

10 Избавьтесь от пуха

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

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

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

Возможно, вы читали об оптимизации изображений для Интернета – например, об их сжатии или сохранении в виде прогрессивных файлов JPG. Kraken.io и TinyPNG – отличные инструменты для этой цели. Но вы можете сделать больше.

11 Уменьшить все изображения


Как ускорить WordPress: подробное руководство

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

12 Отложить загрузку изображений


Как ускорить WordPress: подробное руководство

Ранее в этом руководстве мы упоминали плагин BJ Lazy Load. Вы можете отложить загрузку изображений только тогда, когда они видны в окне просмотра. Другими словами, изображение начнет загружаться только тогда, когда посетитель прокрутит вниз, чтобы просмотреть его. У этого есть несколько преимуществ:

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

13 Отключить Hotlinking изображений.

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

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

14 Определите размеры изображения

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

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

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

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


Как ускорить WordPress: подробное руководство

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

16 Ограничение редакций сообщений

Хотя я предпочитаю использовать Microsoft Word или Google Docs для написания статей, многие из нас предпочитают старый добрый визуальный редактор WordPress. WordPress автоматически сохраняет несколько редакций каждого сообщения, поэтому вы не потеряете свою работу, когда Интернет прервется. Однако у этого есть небольшой недостаток.

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

Чтобы ограничить количество редакций сообщений, просто вставьте следующий код в файл wp-config.php.

define( 'WP_POST_REVISIONS', 3 );

17 Чаще очищайте корзину

Хотя WordPress очищает корзину каждые 30 дней, вы можете установить лимит очистки на 7 дней и сохранить свою базу данных в хорошем состоянии. Снова вставьте следующий код в свой файл wp-config.php :

define('EMPTY_TRASH_DAYS', 7);

18 Обеспечьте эффективные обращения к базе данных


Как ускорить WordPress: подробное руководство

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

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

Существует множество инструментов, таких как Query Monitor, чтобы выяснить, хорошо ли написаны ваши запросы, и увидеть, как все запросы выполняются во время запроса. ВАЖНО: Этот плагин ОЧЕНЬ ресурсоемкий и сам по себе может и, скорее всего, замедлит работу вашего сайта, поэтому убедитесь, что вы активировали плагин ТОЛЬКО во время тестирования и деактивируете его, когда вы специально не проводите тесты. Вы также должны смотреть на результаты плагина при проверке, в отличие от тестирования времени загрузки в реальном времени, поскольку плагин в целом замедлит работу на сайте.

Исправления безопасности

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

19 Предотвращение атак грубой силы

Атаки могут исходить откуда угодно и когда угодно. Ваш долг – защитить себя от них.

  • Хорошие хостинговые компании уже ограничивают количество неудачных попыток входа пользователя в систему. Например, WP Engine может определить, когда бот пытается войти в систему, и автоматически вернет пустой ответ, чтобы предотвратить будущие атаки.
  • Плагин All-In-One WordPress Security and Firewall – это комплексный пакет безопасности для WordPress с различными функциями безопасности для новых и существующих пользователей. Плагин работает с несколькими уязвимыми аспектами вашего сайта и обеспечивает строгую безопасность среди них.

20 Устранение спама


Как ускорить WordPress: подробное руководство

Спам – серьезная проблема для веб-сайтов. Спам перегружает вашу базу данных WordPress и снижает ваш авторитет как веб-мастера. Его нужно устранить навсегда. Хотя существует множество отличных плагинов, среди них выделяются Akismet и Anti-Spam Bee.

Заключение

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

Скорость важна… но это еще не все!

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

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

Источник записи: https://www.wpexplorer.com

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