Руководство по повышению скорости и производительности WordPress

Привет, друзья!

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

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

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

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится - тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

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

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

Оглавление
  1. Почему скорость важна для вашего сайта?
  2. Как проверить скорость вашего сайта на WordPress?
  3. Что замедляет ваш сайт на WordPress?
  4. Важность хорошего хостинга
  5. Ускорение WordPress в простых шагах (без кодирования)
  6. Установка плагина кэширования в WordPress
  7. Оптимизация изображений для скорости загрузки
  8. Оптимальная оптимизация производительности WordPress
  9. Обновление WordPress
  10. Использование анонса на главной странице и архивах
  11. Разделяем комментарии на страницы
  12. Используйте сеть доставки контента (CDN)
  13. Не загружайте видео прямо в WordPress
  14. Используйте тему, оптимизированную для быстрой загрузки
  15. Используйте Faster Slider Plugin
  16. Используйте Faster Gallery Plugin
  17. Точная настройка WordPress для скорости (для продвинутых)
  18. Разделение длинных статей на страницы
  19. Уменьшение внешних HTTP-запросов
  20. Сокращение обращений к базе данных
  21. Оптимизация базы данных в WordPress
  22. Ограниченные ревизии контента
  23. Отключение Hotlinking

Почему скорость важна для вашего сайта?

Исследования показывают, что с 2000 по 2017 год средний уровень внимания человека снизился с 12 секунд до 7 секунд.

Что это значит для вас как владельца веб-сайта?

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

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

Согласно тематическому исследованию StrangeLoop, в котором участвовали Amazon, Google и другие более крупные сайты, 1 секунда задержки загрузки страницы может привести к 7%-ному снижению конверсии, на 11% меньше просмотров страниц и снижению удовлетворенности клиентов на 16%.

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

Чтобы подвести итог, если вы хотите больше трафика, подписчиков и дохода от своего сайта, то вы должны сделать ваш сайт на WordPress FAST!

Как проверить скорость вашего сайта на WordPress?

Часто начинающие считают, что их сайт в порядке, потому что он не чувствует себя медленным на их компьютере. Это ОГРОМНАЯ ошибка.

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

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

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

Именно поэтому я рекомендую вам протестировать скорость вашего сайта с помощью инструмента Pingdom.

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

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

Хорошее время загрузки страницы составляет менее 2 секунд.

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

Что замедляет ваш сайт?

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

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

Основными причинами для медленного веб-сайта WordPress являются:

Веб-хостинг. Если ваш веб-хостинг-сервер настроен неправильно, это может навредить вашей веб-странице.

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

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

Важность хорошего хостинга WordPress

Ваш провайдер, который предоставляет услуги хостинга — играет важную роль в эффективности сайта. Хороший хостинг-провайдер, такой как Timeweb или Shneider-Host, принимает дополнительные меры для оптимизации вашего сайта для повышения производительности.

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

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

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

Для корпоративного хостинга WordPress я рекомендую использовать Shneider-Host, потому что они лучшие в бизнесе.

Ускорение WordPress в простых шагах (без кодирования)

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

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

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

Установите плагин кэширования в WordPress

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

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

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

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

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

Для WordPress доступно много плагинов кеширования, но я рекомендую использовать плагин WP Super Cache. Его не сложно настроить, а ваши посетители сразу заметят разницу в скорости загрузки.

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

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

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

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

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

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

На своем сайте я использую только два формата изображения: JPEG и PNG.

Теперь вам может быть интересно: какая разница?

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

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

Итак, мы решаем, какой формат изображения выбрать?

  • Если у нашей фотографии или изображения много разных цветов, мы используем JPEG.
  • Если это более простой образ или нам нужно прозрачное изображение, мы используем PNG.
  • Большинство моих изображений — это JPEG.

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

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

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

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

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

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

Обновите свой сайт

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

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

Использовать анонс статьи на главной странице и архивах

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

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

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

Вы можете перейти в Настройки — Чтение и выбрать «Анонс» в пункте «Для каждой статьи в RSS-ленте отображать» вместо «Полный текст».

Разбить комментарии на страницы

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

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

WordPress поставляется со встроенным решением для этого. Просто зайдите в Настройки — Обсуждения и установите флажок рядом с параметром «Разбивать комментарии верхнего уровня на страницы».

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

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

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

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

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

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

Вы можете увидеть, как это работает в этой инфографике.

Не загружайте видео прямо в WordPress

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

Но вы НИКОГДА не должны этого делать!

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

Вместо этого вы должны использовать услуги видеохостинга, такие ​​как YouTube, Vimeo, RuTube и т. д. И пусть они позаботятся о тяжелой работе. У них есть пропускная способность!

WordPress имеет встроенную функцию встраивания видео, поэтому вы можете скопировать и вставить URL своего видео прямо в свой пост, и он внедрится автоматически.

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

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

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

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

Используйт Faster Slider Plugin

Слайдеры — еще один общий элемент веб-дизайна, который может сделать ваш сайт медленным.

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

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

Вот показатели других популярных плагинов слайдера.

Плагин слайдераВремя загрузки страницыЗапросыРазмер страницы
Soliloquy1.34 сек.26945 KB
Nivo Slider2.12 сек.29MB
Meteor2.32 сек.271.2 MB
Revolution Slider2.25 сек.291 MB
LayerSlider2.12 сек.30975 KB

Используйте Faster Gallery Plugin

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

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

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

Я протестировал его скорость по сравнению с несколькими другими популярными плагинами галерей и обнаружил, что Envira Gallery почти в два раза быстрее:

Плагин слайдераВремя загрузки страницыЗапросыРазмер страницы
Envira Gallery1.08 secs241MB
Foo Gallery1.89 secs23357.1KB
NextGEN1.88 secs33518KB

Точная настройка WordPress для скорости (для опытных)

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

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

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

Разделить длинные статьи на страницы

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

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

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

WordPress уже поставляется со встроенными функциями для этого. Просто добавьте тег <!––nextpage––> в свою статью, где вы хотите разбить его на следующую страницу. Сделайте это снова, если хотите разбить статью на следующую страницу.

Уменьшить внешние HTTP-запросы

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

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

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

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

Сокращение запросов к базе данных

Примечание. Этот шаг является немного более техническим и потребует базовых знаний о файлах шаблонов PHP и WordPress.

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

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

В этом примере каждый раз, когда вы видите <?php, это начало нового запроса к базе данных

<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php language_attributes(); ?>">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?> charset=<?php bloginfo('charset'); ?>" />

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

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

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

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

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

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

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

Ограниченные ревизии контента

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

Вы можете легко ограничить количество ревизий WordPress для каждой статьи. Просто добавьте эту строку кода в файл wp-config.php.

define( 'WP_POST_REVISIONS', 4 );

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

Отключить Hotlinking

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

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

Просто добавьте этот код в ваш файл .htaccess, чтобы блокировать хотлинкинг изображений с вашего сайта.

#отключить hotlinking изображений с запрещенным или настраиваемым параметром изображения
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?zacompom.ru [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Примечание. Не забудьте изменить zacompom.ru вашим собственным доменом.

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

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

До скорых встреч.


Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Заказать сайт