Подробный мануал ускорения Вашего WordPress сайта

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

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

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

Для удобной навигации было создано меню.

Содержание

Основы работы WordPress

• Почему скорость важна для вашего сайта WordPress?
• Как проверить скорость вашего сайта в WordPress?
• Что замедляет ваш сайт WordPress?
• Важность хорошего хостинга WordPress

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

• Установите плагин для кэширования WordPress
• Оптимизация изображений для скорости

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

• Обновите сайт WordPress
• Использовать сокращенные записи на главной странице и архивах
• Разделить комментарии на страницы
• Используйте сеть доставки контента (CDN)
• Не загружайте видео прямо в WordPress
• Используйте тему, оптимизированную для скорости
• Используйте плагин Faster Slider
• Используйте быстрый плагин галерей

Точная настройка WordPress для скорости (Дополнительно)

• Разделить длинные сообщения на страницы
• Уменьшить внешние HTTP-запросы
• Сокращение вызовов базы данных
• Оптимизация базы данных WordPress
• Ограниченные редакционные публикации
• Отключить Hotlinking и похищение вашего контента

Основы работы WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Мы рекомендуем Time-Host.net как наш предпочтительный хостинг-провайдер WordPress.

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

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

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

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

Если вы можете наводить мышку и щелкать, вы сможете это сделать!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Более подробные инструкции см. В нашем руководстве по разбивке комментариев в WordPress.

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

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

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

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

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

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

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

Мы используем MaxCDN для всех наших проектов, в том числе здесь, на Romua1d.ru. Он хорошо работает с веб-сайтами WordPress и дополняет существующие плагины для кеширования WordPress для еще более быстрой загрузки. Ознакомьтесь с нашим руководством по установке и настройке решения WordPress CDN MaxCDN для начала работы.

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

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

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

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

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

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

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

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

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

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

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

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

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

Используйте плагин Faster Slider

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

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

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

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

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

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

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

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

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

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

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

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

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

Разделить длинные сообщения на страницы

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

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

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

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

Более подробные инструкции см. В нашем учебном пособии по размещению страниц. Как разбить сообщения WordPress на несколько страниц.

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

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

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

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

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

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

Примечание. Этот шаг является немного более техническим и потребует базовых знаний о файлах шаблонов 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

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

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

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

Ограниченные редакционные публикации

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

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

define( 'WP_POST_REVISIONS', 4 );

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

Отключить Hotlinking и похищение вашего контента

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

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

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

#disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?web7.pro [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

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

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

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