У вас медленная страница WordPress? Как ускорить сайт WordPress без знаний программирования. Быстрая загрузка повысит удовлетворенность посетителей и поможет SEO.
Медленная загрузка страницы ставит вашу страницу в невыгодное положение. Медленные сайты ставят Google и другие поисковые системы в невыгодное положение в процессе поиска. Поэтому SEO-оптимизации недостаточно для увеличения посещаемости сайта. Вам также необходимо оптимизировать его скорость.
Помимо самих поисковых систем, медленная загрузка страниц ставит вас в невыгодное положение и в других отношениях. Внимание интернет-посетителей снижается через семь секунд. Если к тому времени страница не загрузится, многие уйдут. Для того, чтобы оставаться на сайте и с удовольствием возвращаться к вам, необходимо оптимизировать его скорость.
И, наконец, еще одна причина: некоторые поисковые системы уже начали штрафовать медленные сайты, прокручивая их на более низкие позиции в поиске .
Измеряйте скорость страницы
Недостаточно измерить время загрузки вашего компьютера, чтобы узнать, насколько быстр ваш сайт. Интернет, который вы посещаете, часто загружается быстрее на вашем компьютере. Это связано с временной памятью браузера, в которой он хранит данные во время просмотра. При повторном посещении сайта данные извлекаются из этой памяти, что ускоряет отображение страницы. Кроме того, это зависит от географического положения посетителя сайта.
Поэтому для измерения скорости я рекомендую использовать специальные инструменты Pingdom или Google Pagespeed . Если вы измеряете время загрузки менее 2 секунд , то «довольно» — это нормально. Если нет, я рекомендую увеличить ее скорость. Используйте GTmetrix , если вам нужна более подробная информация.
Выявление причин замедления
Есть несколько вещей, которые замедляют работу страницы. Наиболее распространенными являются:
- Неправильно настроенный сервер веб-хостинга
- плохо закодированные плагины или слишком много плагинов установлено и не используется,
- размер страницы — в данном случае это в основном изображения, не оптимизированные для веб-сайтов,
- внешние скрипты, такие как шрифты, рекламные объявления и тому подобное.
Используйте плагин кеша WordPress
Согласно официальному руководству по оптимизации WordPress , хостинг и плагин кеша являются двумя наиболее важными факторами, влияющими на скорость.
Кэширование WordPress может ускорить ваш сайт в 2-5 раз . Он работает по принципу сохранения копии страницы в памяти сервера сразу после ее первой загрузки. Затем эта копия предоставляется всем остальным посетителям сайта. Это снижает нагрузку на сервер и повышает производительность сайта.
Сам WordPress не включает кеш, поэтому вам понадобится другой плагин. Лучшие из них — WP Rocket , WP Super Cache и W3 Total Cache .
Я заметил, что во многих опросах на фейсбуке люди считают себя лучшей ракетой WP :
Я протестировал все 3 упомянутых плагина кеша. Наилучших результатов я добиваюсь с ракетой WP . Разница между этими плагинами в долях секунды, но каждая миллисекунда помогает подняться выше в результатах поиска (Google SERP).
Кроме того, мне понравилась простота настройки и то, что его возможности идут дальше, чем у других плагинов — например, он может оптимизировать базу данных, чего не могли сделать WP Super Cache и W3 Total Cache на момент тестирования.
Поэтому я решил инвестировать и купить его. С тех пор я использовал этот плагин только для оптимизации своего сайта. Если у вас есть веб-сайт в качестве хобби, не стесняйтесь использовать один из бесплатных плагинов для кэширования. Особенно какая-то польза! 😉 Это, вероятно, самая влиятельная вещь в ускорении Интернета.
Используйте качественный хостинг
Общеизвестно, что производительность хостинга коренным образом влияет на скорость веб-сайта. Поэтому тщательно выбирайте правильный хостинг . Лучшим хостингом для сайта WordPress я считаю следующие: WebSupport , Webglobe Yegon и Wedos . Возможное решение — переключиться на собственный виртуальный сервер.
Как вы можете видеть на изображении ниже, WebSupport в своем блоге измерил скорость своего хостинга WordPress по сравнению с другими и получил следующие результаты:
Это убедило меня купить пробную версию хостинга WP и выяснить, почему он такой быстрый. В WebSupport я нашел уже установленную на хостинге собственную модифицированную версию WordPress. Это было связано с тем, что там были установлены и настроены плагины для кэширования изображений и оптимизации (* действительны на момент моего тестирования) . Это, в сочетании с точно настроенными серверами, помогло добиться таких отличных результатов.
С тех пор я использую веб-хостинг от WebSupport для своих проектов, на котором также работает этот блог.
Используйте правильные форматы изображений
PNG несжатый (т. е. файл большего размера) и поэтому лучше всего подходит для простых изображений , где не так много разных цветов. JPEG — это сжатый формат (меньший размер файла), который немного снижает качество изображения, но имеет меньший размер и используется для изображений с различными цветами .
Уменьшить размер изображений
Изображения важны для посещаемости сайта. Исследования показали, что 80% людей предпочитают читать не только черно-белый текст. Цвета также поддерживают восприятие. Однако неправильно оптимизированные файлы jpg и png занимают слишком много места. Кроме того, для загрузки больших файлов требуется больше времени .
Чтобы повысить производительность вашего сайта, вам необходимо оптимизировать размер изображения. Вам не нужно беспокоиться об изменении качества отображения. Вы можете сделать это непосредственно при редактировании изображения — в некоторых графических программах есть функция сохранения для Интернета .
Вы также можете установить специальный плагин для этой цели. Я использую плагин Compress JPEG & PNG images от TinyPNG. С его помощью я добился наибольшего процента оптимизации изображения.
У меня также есть хороший опыт работы с EWWW Image Optimizer (бесплатная версия здесь ) или WP Smush.it (бесплатная версия здесь ).
Эти плагины регулируют качество и размер изображений при их загрузке в WordPress, не отражая их качества. Кроме того, они могут оптимизировать изображения, которые уже есть в сети.
Настроить инкрементную загрузку изображений
Вы также можете увеличить скорость страницы WordPress, настроив последовательную загрузку изображений ( так называемая ленивая загрузка ). При открытии страницы загружаются только те, которые видны. Остальные загружаются постепенно по мере того, как посетитель прокручивает страницу вниз. Это ускорит отображение страницы.
Несколько плагинов могут обеспечить эту функциональность. Это мне обеспечивает плагин WP Rocket , о котором я уже упоминал.
Перейти на пхп 7
PHP 7 обрабатывает в два раза больше запросов в секунду по сравнению со старыми версиями:
На практике это означает, что php 7 в среднем в 2-3 раза быстрее, чем php 5 . Так что однозначно рекомендую активировать на хостинге , если у вас его еще нет.
Если вы не знаете, на какой версии php работает ваш сайт, вы можете легко просмотреть ее с помощью плагина Display PHP Version :
Вам нужно быть осторожным и тщательно проверить , поддерживает ли ваш веб-сайт это — например, с помощью плагина проверки совместимости PHP . Возможно, у вас есть устаревшие плагины, и я буду присылать вам сообщения об ошибках. В этом случае я бы подумал об избавлении от таких плагинов.
Удалить неиспользуемые плагины
Вы установили несколько плагинов при создании и редактировании страницы. Однако неиспользуемые (деактивированные) плагины также могут замедлять работу страницы. Для ускорения работы сайта их нужно не только отключить, но и удалить.
Удаляйте только те плагины, которые вы не используете. Процедура удаления проста: В меню администрирования найдите пункт Плагины . Выберите тот, который вы хотите удалить, и выключите его . Затем удалите его.
Использовать HTTP/2
Большинство современных браузеров уже поддерживают HTTP/2. Этот протокол значительно быстрее оригинального HTTP/1.1. Проверьте в этом инструменте , поддерживает ли ваш хостинг HTTP/2.
Настройте кеш php на вашем хостинге
Настройте php cache на своем хостинге — для php 5.4+ и php 7 opcache. Для php 5.3 и более ранних версий xcache.
Обновить плагины
Помимо удаления неиспользуемых плагинов, вам необходимо регулярно обновлять те, которые вы оставили на странице. Это повысит безопасность, предоставит лучшие возможности и благоприятно повлияет на скорость вашего сайта WordPress.
Регулярно обновляйте WordPress
Также необходимо регулярно обновлять само ядро WordPress .
Обновите шаблон
Создатели шаблонов регулярно обновляют отдельные шаблоны. Для улучшения функциональности и оптимизации скорости вашего сайта вам необходимо регулярно обновлять страницу. Это также повысит его безопасность. Кроме того, обновления часто включают в себя новые функции и исправления мелких ошибок, возникших при разработке шаблона.
Оптимизация базы данных
WordPress также хранит ненужные данные. Для оптимизации скорости работы сайта необходимо время от времени чистить его базу данных. Я использую WP Rocket для этой цели. Очищает удаленные комментарии, обновления, автоматические черновики статей, СПАМ в комментариях и многое другое. Плагины WP Optimize и WP Sweep также подходят для этой цели.
Используйте AMP (ускоренные мобильные страницы)
Accelerated Mobile Pages (AMP) — это проект Google, который ускоряет загрузку мобильных страниц. Вы легко узнаете их на мобильных устройствах по значку молнии в результатах поиска Google:
Вы можете уже включить технологию AMP в шаблон или подключиться через официальный плагин AMP для WordPress .
Отключить эмодзи
Используйте браузер эмодзи посетителя по умолчанию вместо загрузки эмодзи с WordPress.org — это уменьшит количество внешних обращений к серверу. У меня также есть WP Rocket :
Оптимизация шаблона
При выборе шаблона WordPress ориентируйтесь не только на внешний вид, цену и предлагаемые функции. Вместо этого используйте более простой шаблон и увеличьте его функциональность с помощью подходящих плагинов.
Вы также можете купить несколько премиальных шаблонов, оптимизированных для скорости . Если вы решили сменить шаблон, не забудьте внимательно изучить, как перейти на новый шаблон без потери данных и настроек.
Минификация (сжатие) файлов CSS и JS
Минимизируйте HTML, CSS, JS. Минификация увеличит скорость сайта WordPress. Вы можете использовать для этого бесплатный плагин Autoptimize , а можете сделать это с помощью WP Rocket .
Настройте отложенную загрузку JavaScript
Загрузка JavaScript также влияет на оптимизацию скорости страницы WordPress. Это распространенная проблема, которая замедляет работу страницы. Если разместить вверху страницы несколько библиотек внешних файлов, браузер начнет их скачивать и обрабатывать. После этого загрузится остальная часть страницы. Вы также можете использовать WP Rocket для настройки отложенной загрузки JavaScript (также называемой отложенной загрузкой JavaScript):
Не сохраняйте видео напрямую в WordPress
Целые видео также могут быть сохранены на странице WP. Однако я не рекомендую этого из-за оптимизации скорости. Они занимают слишком много места. Вместо этого используйте ссылку на YouTube , Vimeo или VideoPress . Просто скопируйте URL-адрес в свой пост, чтобы вставить в него видео.
Используйте сводки
Вам не обязательно отображать полные посты на главной странице и в архивах. Резюме (отрывок на английском языке) экономит место и время загрузки. Кроме того, посетитель сайта пропустит несколько тем, которые могут быть ему интересны. Он не читает только один пост. Этот параметр зависит от выбранной темы, а это означает, что выбранный шаблон может его не поддерживать.
Разделите комментарии на несколько страниц
Вы также можете увеличить скорость своего сайта WordPress, разделив комментарии. Старые комментарии могут быть видны не сразу после загрузки статьи. Вы можете сохранить их отдельно. Вы делаете настройки в Настройки » Комментарии и проверяете опцию Разделить комментарии на страницы .
Использовать CDN
CDN (Content Delivery Network) — это технология распространения контента на несколько серверов, расположенных в разных местах по всему миру. Расположение сервера также влияет на скорость работы сайта WordPress в зависимости от географической удаленности вашего хостинг-провайдера и посетителя сайта. Макет сервера помогает посетителям быстрее получать доступ к его контенту.
Я считаю лучшими CDN Cloudflare , KeyCDN , StackPath (MaxCDN) и Sucuri CDN .
Одна из самых популярных CDN, бесплатная в базовой версии — Cloudflare . Если вы еще не слышали о нем, рекомендую прочитать информацию в этой статье .
На мой взгляд, с CDN стоит иметь дело только на крупных сайтах с трафиком из разных уголков мира.
Используйте быстрый слайдер
Используйте подходящий плагин слайдера, чтобы ускорить ваш сайт WordPress. Слайдеры улучшают дизайн страницы, но часто замедляют его , даже если у вас оптимизированы изображения. Это может быть связано с плохим кодированием плагина. Самый быстрый плагин слайдера WordPress — Soliloquyi. Он относится к премиальным плагинам. Знаменитый Revolution Slider в тестах на скорость не получился.
На мой взгляд, лучше всего с точки зрения скорости, если это возможно, полностью избегать ползунков .
Используйте более быстрый плагин для галерей
Если на вашем сайте много картинок, фотографий и галерей, вам также может помочь более быстрый плагин галереи. Используйте тот, который оптимизирован для скорости. Я рекомендую премиальный плагин Envira Gallery. Вы можете использовать его для создания фото и видео галерей. Для небольшого количества изображений все, что вам нужно, — это основная галерея шаблонов.
Разделяйте длинные посты на несколько страниц
Если на вашем сайте есть более подробные сообщения, которые занимают много места, вы сокращаете время загрузки страницы. Чтобы избежать ненужных задержек загрузки, разделите их на несколько частей. WordPress также предлагает решение для такого отображения сообщений. Разделение можно задать с помощью тега nextpage.
Поместите его в текстовый редактор, где вы хотите разделить статью. Это поможет увеличить скорость сайта WordPress.
Уменьшите загрузку контента с других сайтов.
Многие шаблоны WordPress извлекают контент с других сайтов. Это изображения из внешних источников, таких как Google, Facebook и им подобных. Многие из них загружаются быстро, поэтому проще загрузить их со стороннего сайта, чем размещать прямо на своем сайте.
Однако, если ваши плагины используют слишком много этого контента, это может замедлить работу страницы. И это проблема. Необходимо уменьшить нагрузку на внешние http-запросы, объединив их в один файл или отключив отдельные скрипты.
Ограничить количество сообщений о ревизиях
Вы также можете ускорить работу своего сайта WordPress, ограничив хранение записей о ревизиях, которые также занимают место. Этого можно избежать, добавив простой код в файл wp-config.php :
define( 'WP_POST_REVISIONS', 4 );
Этот код позволит вам сохранить последние четыре правки. Старые правки будут автоматически удалены. Я склонен полностью отключать ревизии — это можно сделать, введя 0 вместо 4.
Установите HTTP-кеш прямо на сервере
Эффективным решением для ускорения страницы WordPress также является установка кеша прямо на сервере:
Отключить неиспользуемые предустановленные функции
Некоторые функции можно отключить, чтобы увеличить скорость работы сайта WordPress. Например, не всем нужны эмодзи или пингбэки. Плагин WP Disable , например, поможет. Вы также можете ограничить комментарии и поддержку XML-RPC, например, с помощью плагина Disable XML-RPC .
Отключить хотлинкинг
Рано или поздно каждый качественный сайт подвергается риску кражи контента. Также может случиться так, что другие сайты будут отображать ваши изображения непосредственно со своего URL-адреса, а не загружать их на свои собственные серверы. Этот процесс замедляет работу вашего сайта. Чтобы этого не произошло, добавьте следующий код в файл .htaccess.
#disable hotlinking
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?wp.sk [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
Как ускорить сайт WordPress — Резюме
Самыми важными критериями считаю качественный хостинг , хороший кеш-плагин , оптимизацию изображений и подбор подходящего шаблона .
Вам понравился этот урок? Поставьте ему лайк. Если у вас есть какие-то подсказки и советы, и вы хотели бы поделиться ими с другими, напишите их в комментариях.
Was this article helpful for you? Support me by sharing, please. 👍