Главная > Руководство по повышению скорости и производительности WordPress
Руководство по повышению скорости и производительности WordPress2018-08-26T20:54:34+00:00

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы подвести итог, если вы хотите больше трафика, подписчиков и доходов от вашего сайта, то вы должны сделать ваш сайт WordPress БЫСТРЫМ!

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

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

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

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

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

Именно поэтому мы рекомендуем вам протестировать скорость вашего сайта с помощью инструмента Google Page Speed.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для WordPress доступно много плагинов для кеширования, но мы рекомендуем использовать плагин Hyper Cache.

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

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

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

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

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

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

На нашем блоге мы используем только два формата изображения: JPEG и PNG в редких случаях GIF.

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

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

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

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

Большинство наших изображений — это JPEG.

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

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

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

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

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

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

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

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

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

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

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

Вы можете перейти к  настройкам »Чтение и выбрать« Анонс »вместо« Полный текст ».

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

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

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

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

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

Ютуб

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

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

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

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

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

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

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

Выбор темы, оптимизированной для скорости

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

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

Используйте быстрые плагины слайдеров

Более быстрые слайдеры

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

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

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

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

Плагин слайдера Время загрузки страницы Запросы Размер страницы
soliloquywp 1,34 секунды 26 945 КБ
NIVO Slider 2.12 сек. 29 1 МБ
Meteor 2,32 сек. 27 1,2 МБ
Slider Revolution 2,25 с 29 1 МБ
LayerSlider 2.12 сек. 30 975 КБ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вызов базы данных

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

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

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

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

1
2
3
4
<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'); ?>" />

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

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

1
2
3
<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

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

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

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

Отключить Hotlinking и воровство вашего контента

Предотвращение хищения контента WordPress

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

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

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

1
2
3
4
5
6
#disable hotlinking of images with forbiddenor custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?vadim-anya.ru [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]

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

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

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