WordPress оптимизация скорости загрузки сайта: 9 Способов Как Увеличить Скорость Загрузки Сайта на WordPress

9 Способов Как Увеличить Скорость Загрузки Сайта на WordPress

Исследования показывают, что люди не очень терпеливы когда дело доходит до Интернета. Около 23% людей не дожидаются загрузки страницы, если она занимает более 4 секунд. Это может показаться весьма суровой статистикой, однако, достигнуть данного результата не настолько сложно. Если вы сможете уменьшить время загрузки сайта до 2.9 секунд, то этого будет достаточно, чтобы скорость загрузки сайта была быстрее чем у половины существующих. Это означает, что даже незначительные улучшения сайта могут привести к ощутимым преимуществам для вашего бизнеса. Так как на WordPress работает около четверти сайтов, не удивительным становится желание пользователей увеличить скорость загрузки сайта именно на WordPress.

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

Что вам понадобится

Перед тем, как вы начнете это руководство, вам понадобится следующее:

• Доступ к панели управления WordPress

Шаг 1 – Проверка скорости WordPress

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

Шаг 2 – Удаление ненужных плагинов и тем

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

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

Шаг 3 – Минификация CSS, HTML и JavaScript

Минификация — один из самых полезных процессов для увеличения скорости работы сайта. Он заключается в уменьшении размеров файлов и скриптов (HTML, CSS, JS), путем удаления ненужных символов, вроде пробелов и комментариев из этих файлов.

Плагины которые могут помочь вам в процессе минифкации: Autoptimize и W3 Total Cache. Для более детального разбора процесса минификации, обратитесь к данному руководству.

Шаг 4 – Включение Gzip сжатия

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

Для проверки того, включено ли Gzip сжатие используйте checkgzipcompression.com. Если нет, то отредактируйте файл .htaccess, добавив в него следующий код:

<IfModule mod_deflate.c>
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/css
 AddOutputFilterByType DEFLATE text/javascript
 AddOutputFilterByType DEFLATE text/xml
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE image/x-icon
 AddOutputFilterByType DEFLATE image/svg+xml
 AddOutputFilterByType DEFLATE application/rss+xml
 AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE application/x-javascript
 AddOutputFilterByType DEFLATE application/xml
 AddOutputFilterByType DEFLATE application/xhtml+xml 
 AddOutputFilterByType DEFLATE application/x-font 
 AddOutputFilterByType DEFLATE application/x-font-truetype 
 AddOutputFilterByType DEFLATE application/x-font-ttf 
 AddOutputFilterByType DEFLATE application/x-font-otf 
 AddOutputFilterByType DEFLATE application/x-font-opentype 
 AddOutputFilterByType DEFLATE application/vnd.Mozilla/4\.0[678] no-gzip
 BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

Вы также сможете найти руководство по этой теме, для включения Gzip сжатия на вашем сервере. Также плагины, вроде WP-Rocket, могут автоматически включить Gzip сжатие на вашем сайте.

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

Вы можете подумать, что ввиду их статичности, изображения не оказывают особого влияния на скорость загрузки сайта. Но все совсем наоборот — изображения высокого качества оказывают огромное влияние на практически все ресурсы вашего сайта. Однако это совсем не означает, что вы должны отказаться от четких изображений в пользу маленьких и размытых эскизов. Существует множество способов для оптимизации изображений вашего сайта. К примеру, плагин WordPress — Smush Image Compression and Optimization предоставляет удобный способ для достижения более высокой производительности без потери качества изображений. Для более подробной информации по данной теме посмотрите отдельное руководство.

Шаг 6 – Разделение длинного контента на страницы

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

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

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

Шаг 7 – Как увеличить скорость загрузки сайта с помощью изменения версии PHP

Это один из наименее известных советов. Однако он также является и одним из самых эффективных, чтобы увеличить скорость загрузки сайта. Переход с версии PHP 5 на PHP 7 может казаться довольно сложным, но преимущества говорят сами за себя. Производительность WordPress увеличивается в 2 раза при использовании PHP 7 в сравнении с PHP 5; первый может обработать на 112% больше запросов/секунду чем последний. Более того, WordPress получает неплохую прибавку в производительности благодаря оптимизации памяти PHP 7. Именно поэтому PHP 7 установлен в качестве стандартной версии PHP во всех тарифных планах нашего виртуального хостинга, который увеличивает скорость работы сайта WordPress в 5 раз.

Однако одна важная вещь, которую следует иметь в виду — отсутствие обратной совместимости у PHP 7. Это означает, что вы не сможете использовать определенные плагины и темы, включая те, которые отлично работают на PHP 5. Чтобы проверить, какие плагины и темы на вашем WordPress не поддерживаются PHP 7, используйте PHP Compatibility Checker.

Шаг 8 – Использование плагинов для кэширования

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

Для WordPress доступно огромное количество плагинов, которые предлагают различные типы кеширования, WP-Rocket и W3 Total Cache.

Шаг 9 — Использование Сети Доставки Содержимого (CDN)

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

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

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

Заключение

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

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

Елена имеет профессиональное техническое образование в области информационных технологий и опыт программирования на разных языках под разные платформы и системы. Более 10 лет посвятила сфере веб, работая с разными CMS, такими как: Drupal, Joomla, Magento и конечно же наиболее популярной в наши дни системой управления контентом – WordPress. Её статьи всегда технически выверены и точны, будь то обзор для WordPress или инструкции по настройке вашего VPS сервера.

Как ускорить сайт в WordPress – Помощь

Современные сайты должны быть не только стильными, лаконичными и понятными, но и быстрыми. Если ваш веб-ресурс отстаёт хотя бы по одному из этих критериев — это отразится на лояльности посетителей и в конечном счёте на выручке. В статье расскажем, как ускорить сайт, созданный на WordPress.

Что такое скорость загрузки сайта

Когда мы открываем сайт в браузере, проходит какое-то время, прежде чем контент на странице целиком загрузится. Это может происходить очень быстро: 1–2 секунды, и тогда нам кажется, что всё открылось мгновенно. А может дольше – от 5 секунд. Тогда мы понимаем, с сайтом что-то не так и, скорее всего, закроем его, чтобы не тратить своё время.

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

1. TTFB (Time To First Bite) — время до первого байта. Когда пользователь попадает на страницу, его браузер отправляет серверу HTTP-запрос. Сервер, в свою очередь, отдаёт первый байт страницы. Этот интервал между запросом и отдачей первого байта должен быть минимальным.

2. Время отрисовки страницы — первым делом сервер загружает HTML-файл страницы. Это «голая» структура с минимумом контента. На этом этапе пользователь видит общие очертания: где расположены заголовки, изображения и так далее.

3. Время загрузки контента — заключительный этап, на котором страница загружается целиком вместе со всеми остальными CSS- и JS-файлами, изображениями и кнопками.

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

Зачем нужно ускорять сайты

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

Если сайт грузится дольше 3 секунд:

• Возрастают «отказы». Никто не любит ждать, особенно клиенты. Если вместо перечня и описания услуг, они видят белую страницу или не до конца прогрузившуюся структуру — большинство из них просто перейдут на другой сайт в первые 15 секунд. Это и называется «отказом».
• Уменьшается конверсия. Конверсия — это соотношение числа посетителей, которые выполнили целевое действие (купить, подписаться, зарегистрироваться и т. п.), к общему числу пользователей, просмотревших страницу. Так, если за неделю на ваш блог зашло 400 человек, а на электронную рассылку подписались 15, конверсия будет 3,75% (15/400). Чем больше людей покинут страницу из-за низкой скорости, тем ниже будет эффективность.
• Ухудшается позиция в выдаче. В числе многих факторов поисковики Яндекс и Google оценивают скорость загрузки сайта. Предпочтение отдаётся быстрым сайтам. Медленным же гораздо сложней попасть в топ-10 первых ссылок на странице поиска.

Как узнать скорость загрузки сайта

Определить скорость загрузки сайта можно по-разному:

1. Проанализировать данные вкладки Network (Сеть) в консоли разработчика. Подробнее об этом способе мы рассказывали в статье Почему мой сайт работает медленно и что делать.

2. Воспользоваться специальными сервисами Be1, PR-CY, Google PageSpeed.

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

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

Также стоит помнить о том, что мобильная и полная (десктопная) версия сайта загружаются с разной скоростью. Если на компьютере всё открывается быстро, это не гарантирует того, что и на смартфоне будет то же самое. С учётом того, что всё больше людей сидят в интернете со смартфонов — скорости мобильной версии нужно уделить особое внимание.

Как повысить скорость сайта

Если сайт открывается недостаточно быстро, мы рекомендуем провести аудит по следующим параметрам:

• структура сайта;
• HTTP-запросы;
• размер CSS и JS;
• изображения;
• версия php;
• кэширование;
• gzip-сжатие;
• хостинг.

Разберём, как именно они влияют и как можно их улучшить.

1. Структура сайта → оптимизировать

Как говорилось выше, сначала сервер отдаёт браузеру HTML-страницу (структуру) и только потом загружает внешние файлы (изображения, стили, скрипты). Если в начале HTML-кода подключены другие файлы, они блокируют его загрузку. Сервер, встретив их, не может вернуться к ним позже, после того, как прогрузит структуру. Он начинает обрабатывать другие запросы — и в результате скорость загрузки снижается.

Чтобы этого не происходило, начало кода должно содержать только те данные, которые нужны для первичной/основной прорисовки контента. Загрузку всех второстепенных внешних CSS и JS нужно отложить (разместить в конце кода).

Это можно сделать вручную или с помощью плагинов WordPress.

2. HTTP-запросы → сократить количество

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

Чтобы сократить количество файлов, их можно объединить. Для этого откройте любой текстовый редактор и последовательно вставьте код каждого файла в том порядке, в каком они влияют на контент. В идеале вместо большого количества отдельных .css- и .js-файлов, для каждой страницы должен быть один основной.

3. CSS и JS → минимизировать

Чем больше лишних незначительных элементов (пробелов, переносов строк) в коде, тем медленнее он загружается. Чтобы убрать их, можно воспользоваться онлайн-сервисами CSS Minifier, JavaScript Compression Tool и т. п. Просто загрузите файл, и инструменты автоматически очистят код от лишних знаков и таким образом оптимизируют их.

4. Изображения → оптимизировать

Оптимизация скорости загрузки сайта во многом зависит от того, сколько весят изображения, ведь это самый тяжёлый тип контента (в сравнении с текстовыми кодами и динамическими скриптами). Мы посвятили работе с изображениями отдельную инструкцию.

5. Версия php → обновить

Если версия php, установленная для вашего сайта, устарела, это тоже может замедлять скорость обработки скриптов. Сейчас повсеместно используются 7.1–7.4. Узнать и изменить версию php на хостинге можно с помощью инструкции.

6. Кэширование → включить

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

7. Gzip-сжатие → настроить

На хостинге REG.RU по умолчанию включено сжатие для статичных файлов. Подробнее о настройках gzip можно узнать в статье.

8. Хостинг → увеличить тариф

Иногда медленная загрузка сайта — сигнал того, что вы исчерпали возможности вашего тарифа. Если сайт популярен и его посещают тысячи пользователей, а вы используете тариф с низким CPU, сервер просто не справляется с обработкой запросов. Мы рекомендуем выбирать VIP-тарифы с максимальными параметрами CPU. Читайте о том, как изменить тариф, в инструкции.

Как ускорить загрузку сайта на WordPress

Если ваш сайт создан на CMS WordPress для оптимизации скорости загрузки можно использовать плагины. Они помогут улучшить некоторые моменты (например, настроить асинхронную загрузку скриптов) автоматически.

WordPress — оптимизация загрузки сайта

Мы выбрали 2 популярных плагина, которые комплексно решают проблему скорости: PageSpeed Ninja и Autoptimize.

Рассмотрим, как установить их в административной панели и что делать потом.

1. 1.
   Откройте административную панель WordPress по инструкции.
2. 2.

   Перейдите в раздел «Плагины» и нажмите Добавить новый:

3. 3.

   В поиске справа введите название плагина: PageSpeed Ninja или Autoptimize и следуйте инструкции в нужной вкладке.

PageSpeed Ninja

Autoptimize

1. 4.

   Нажмите Установить и Активировать:

2. 5.

   В разделе «Настройки» выберите PageSpeed Ninja:

3. 6.

   Во вкладке «Общие» отображается оценка оптимизации десктопной и мобильной версии сайта, а также интерфейса. Чтобы настроить плагин более тонко, перейдите во вкладку «Дополнительно». Мы рекомендуем использовать пресет «Safe», чтобы обезопасить себя от критических изменений в структуре сайта:

4. 7.

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

   • Gzip compression и Gzip compression in .htaccess
   • Caching in .htaccess
   • Caching, Experimental Caching и DNS Prefetch
   • Merge embedded styles → In head only
   • Minify CSS Method → RESS + CSSTidy
   • Minify style attributes, Cross-files optimization, Keep extra link tag attributes, Keep extra style tag attributes
   • Merge whitespaces, Remove default attributes, Remove IE conditionals
   • Cross-files optimization, Keep extra script tag attributes
   • Optimization (Images)

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

1. 4.

   Нажмите Установить и Активировать:

2. 5.

   В разделе «Настройки» выберите Autoptimize:

3. 6.

   Откройте вкладку JS. CSS & HTML и отметьте галочкой Оптимизировать код JavaScript и сохраните изменения:

4. 7.

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

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

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

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

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

Уменьшите вес сайта

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

1. Пересмотрите дизайн темы сайта

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

• замысловатое скольжение, анимация и эффекты




• различные виджеты в боковом меню




• реклама ( если на сайте ее слишком много). В некоторых случаях, вы можете заработать больше за счет меньшего количества рекламы.

2. Избавьтесь от ненужных плагинов

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

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

3. Сократите размер HTML, CSS и Javascript файлов

Существует два способа уменьшения общего размера сайта. Первый – объединить разные стили и javascript файлы в один. И второй – уменьшить файлы. Уменьшение в данном случае означает удаление ненужных пробелов, комментариев и объединение многочисленных повторяющихся кодов в один. Для этого вы можете использовать плагин W3 Total Cache

На странице настроек плагина W3 Total Cache в общих настройках («General Settings») установите режим «Minify». 

Далее зайдете в «Minify», выберите раздел «HTML & XML» и отметьте галочками пункты «Enable», «Inline CSS Minification», «Inline JS Minification» и «Remove line break» 

Затем идем в раздел “JS minification”. Это заковыристая настройка, так как работает для одних тем и не работает для других. Автору не повезло с этими настройками, но вы можете попробовать и посмотреть, применимо ли это для вашего сайта. 

Единственное, что можно порекомендовать для этих настроек, это использовать «Minify» вместо «Combine only». Объединение нескольких javascript файлов вместе, может привести к нежелательным последствиям и поломать сайт. 

Последнее, что нужно настроить это раздел «CSS minification». Данные настройки позволят вам уменьшить и объединить все CSS файлы, используемые в теме. 

Чтобы получить наилучший эффект, откройте исходный код, скопируйте все CSS ссылки в поле «File URL» в разделе «CSS file management». Все скопированные, таким образом, CSS файлы будут уменьшены и объединены в один. 

4. Оптимизируйте изображения

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

Увеличьте скорость загрузки сайта

Вот список способов, за счет которых вы также можете увеличить скорость загрузки сайта: 

• закэшируйте сайт




• настройте кэш в браузере




• переключитесь на jquery от Google




• используйте отложенную загрузку javascript




• используйте отложенную загрузку изображений




• используйте асинхронный javascript




• используйте CDN

А вот плагины, которые сделают за вас всю работу, описанную выше. 

1. W3 Total Cache

В предыдущем разделе мы рассмотрели тему минимизации, а здесь поговорим о плагине W3 Total Cache. Особенным этот плагин делает модуль кэширования. Сначала, включите модуль «Page Cache» в разделе общих настроек («General Settings»). Если ваш сайт расположен на виртуальном хостинге, то для режима кэширования страницы («Page cache mode») выберите «Disk: Basic». Если вы используете VPS или выделенный сервер, выберите «Disk: Enhanced». 

Прокрутите вниз страницы до раздела «Browser Cache» и установите галочку для активации. 

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

2. WP Deferred Script

Большинство javascript файлов блокируют загрузку, это означает, что сайт будет ждать до тех пор, пока все javascript файлы не будут обработаны, и только после этого загpузится контент. Это явление также известно как синхронная загрузка. Один из способов борьбы с этой особенностью – размещение javascript файлов внизу страницы. В этом случае, они будут загружаться только после того, как завершится загрузка контента.
WP Deferred Script – полезный плагин, который перемещает все стоящие в очереди скрипты вниз страницы. Он основан на lab.js и будет работать с большинством плагинов. Здесь нет настроек конфигурации. После активации, плагин будет автоматически помещать все загружаемые javascript файлы вниз страницы. Еще одна полезная особенность плагина в том, что javascript файлы будут загружаться асинхронно, т.е. параллельно с контентом.

3. Jetpack Photon

Другой хороший способ улучшения скорости – это загрузка всех изображений через CDN. Если у вас уже установлен jetpack плагин, активируйте Photon module, который автоматически включит CDN для изображений на вашем сайте. 

Если вы используете внешний CDN, такой как, например, MaxCDN или Amazon CloudFront, то в качестве альтернативы, вы можете настроить CDN модуль в плагине W3 Total Cache. 

4. Отложенная загрузка

Вы когда-нибудь замечали, как загружаются изображения, когда вы прокручиваете страницу вниз? Такое явление называется отложенной загрузкой и это еще один хороший способ улучшить скорость сайта. Плагин, который используется на сайте автора www.maketecheasier.com, называется Unveil Lazy Load, но если вы зададите в поиске запрос «lazy loading», то вы найдете большое количество вариантов плагинов, которые можете использовать. Некоторые из них даже оптимизированы для видео и iframe. 

5. Google DFP (DoubleClick for Publishers)

Если вы используете рекламу на сайте, то должны знать, что она часто загружается дольше всего и может служить причиной медленной работы сайта. Самое скверное, что в большинстве случаев реклама загружается синхронно и блокирует обработку контента. Избавиться от этой проблемы можно за счет размещения рекламы в Google DFP . Для тех, кто не знает, Google DFP это программа для управления рекламными объявлениями. 

На сайте автора www.maketecheasier.com используется скрипт jquery.dfp.js, для загрузки всех DFP тегов по запросу. В результате, загрузка сайта не замедляется. Реализация может оказаться довольно сложной и поэтому, автор статьи не стал рассматривать ее здесь. Если вам интересно, то пишите об этом в комментариях к оригиналу статьи, и вам составят детальное пошаговое руководство по реализации на вашем сайте.

Заключение

Если вы выполните все вышеперечисленные шаги, то сайт будет работать быстрее, чем прежде, даже если вы используете виртуальный хостинг. Для того чтобы проверить свой сайт на скорость воспользуйтесь инструментом Google PageSpeed Insights или аналогичным сервисом на русском языке sitespeed.ru (прим. переводчика). Просто введите в строке адрес вашего сайта, и сервис проанализирует скорость загрузки. Сделайте это до оптимизации сайта, и вы увидите большую разницу. 

Перевод: Анна Лебедева 

Оригинал статьи: maketecheasier.com

Как ускорить сайт на WordPress / Хабр

Тема оптимизации WordPress сайтов с целью заставить их работать быстрее не нова.

Первое и самое главное здесь — включить кэш на стороне сервера. Также рекомендуется использовать CDN для кэширования при доставке контента. Разберем подробнее: что, где и как кэшировать.

Для примера установим чистый WordPress на сервере отечественного хостера. Время генерации одной страницы со старта без каких-либо плагинов достигает полсекунды. Полная загрузка страницы у пользователя из Европы занимает около 1 сек., в США (запад) — 2.2 сек., в Австралии — 2.8 сек. Цифры получены следуя этой инструкции и на основе данных загрузки сайта из разных уголков мира с помощью сервиса Webpagetest.

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

Кэширование на сервере

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

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

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

Идем дальше — кэширование в PHP. Во всех последних версиях начиная с 5.5 здесь по дефолту включено расширение OPcache. Таким образом, скомпилированный код автоматически сохраняется в памяти для максимально быстрого его исполнения.

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

Среди кэш-плагинов по числу установок лидирует бесплатный WP Super Cache. После его установки, включаем кэширование и жмем «Обновить»:

Работающий плагин добавляет в конце HTML кода закэшированых страниц информацию о времени их создания:

<!-- Cached page generated by WP-Super-Cache on 2021-02-24 17:51:50 -->

Стоит упомянуть о возможности использовать вместо кэширующих плагинов

кэш от Nginx

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

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

Подключение CDN для WordPress

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

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

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

Подключим CDN к своему сайту. Для этого зарегистрируемся на BunnyCDN и, указав лишь емейл, сразу получим на тест 1Тб бесплатного мирового трафика.

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

Создав зону, в конце выбираем «Wordpress» и следуем короткой инструкции по включению плагина кэширования:

Результат

После включения плагина кэширования и подключения CDN скорость загрузки страницы сайта снизилась до полусекунды для Европы и почти до секунды для США и Австралии. Посетители, определенно, будут довольны, а просмотров станет больше.

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

Оптимизация сайта на WordPress: как ускорить сайт

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

Что внутри

1. Как измерить скорость загрузки сайта
2. Выберите быстрый хостинг
3. Используйте правильную тему и плагины
4. Включите кэширование
5. Оптимизируйте контент сайта
6. Оптимизируйте базу данных
7. Используйте CDN

Как проверить скорость загрузки сайта

Для этого есть много бесплатных сервисов вроде Google PageSpeed Insights, Pingdom или GTmetrix. У них у всех одинаковый принцип работы: вводите на главной странице ссылку на ваш сайт, дожидаетесь окончания проверки и получаете общую оценку скорости сайта, а ниже — отчёт с описанием обнаруженных проблем и вариантами их исправить.

Общая информация о загрузке главной страницы HOSTiQ Wiki в сервие Pingdom

Результаты на русском есть только у PageSpeed, во всех остальных сервисах — на английском. В принципе знать английский не обязательно. Общую картину вы поймёте и так, а советы по оптимизации WordPress возьмёте из этого руководства.

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

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

Не стоит стремиться к максимально возможной оценке. Google советует ориентироваться на такие показатели: среднее время загрузки — 3 секунды; время до получения первого байта — 1,3 секунды; количество HTTP-запросов — до 50; средний вес страницы — до 500 Кб.

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

Выберите быстрый хостинг

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

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

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

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

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

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

Местоположение сервера. Чем большее расстояние приходится преодолевать данным, прежде чем попасть к посетителю, тем хуже. Например, у жителя Украины один и тот же сайт откроется быстрее, если будет храниться на сервере в Харькове, чем если бы он хранился на сервере в США.

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

Мощность оборудования. Количество процессоров и скорость их работы, объём оперативной памяти, дисковая система (SSD или HDD) — всё это тоже влияет. Тут как с компьютерами — чем мощнее железо, тем лучше всё работает. 

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

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

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

Программное обеспечение. На скорость загрузки сайта на WordPress также влияет ПО на сервере. Например, PHP 7 быстрее, чем 5.6, а MySQL 8 быстрее, чем MySQL 5.7.

Рекомендованные требования для работы WordPress: PHP 7.3+, MySQL 5.6+ или MariaDB 10.1+. Если у вашего провайдера версии этих программ ниже, платформа может работать не так стабильно.

Протестируйте наш хостинг

Любой тариф нашего виртуального хостинга можно взять на 30-дневный тестовый период. Если хостинг вам понравится и окажется быстрее текущего, мы поможем перенести сайт на HOSTiQ. 

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

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

Тестировать хостинг

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

Тема и плагины — это код, на основе которого будет работать ваш сайт. Количество и качество этого кода влияет на скорость. Лёгкая тема и качественные плагины могут снять часть нагрузки с сервера и за счёт этого ускорить сайт на Вордпресс. Вот на что конкретно стоит обратить внимание.

Тема. У каждой темы свой набор функций. Каждая функция в разной степени увеличивает нагрузку на сервер. Параллаксы, слайдеры, галереи, всплывающие окна — обычно всё это требует загрузки дополнительных библиотек JavaScript, что и замедляет сайт.

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

Примеры популярных лёгких тем: Astra, Generate Press, Hello Elementor, OceanWP.

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

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

Не пропускайте обновления

В новых версиях движка, темы или плагина часто не только исправляют уязвимости, но и улучшают производительность. Например, в WordPress 5.5 разработчики добавили функцию отложенной загрузки изображений — lazy loading. Раньше её нужно было включать отдельно при помощи плагинов, а теперь это встроенный функционал.

Включите кэширование

При помощи кэширования вы можете существенно сократить нагрузку на сервер и как следствие — ускорить загрузку вашего сайта на WordPress. Есть две разновидности кэширования: браузерное и серверное.

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

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

Больше на тему разновидностей кэширования — в статье на Хабре.

Самый простой способ включить кэширование на сайте с WordPress — установить плагин. На нашем виртуальном хостинге мы используем веб-сервер LiteSpeed. Если вы покупали хостинг у нас, рекомендуем использовать плагин LiteSpeed Cache. И веб-сервер и плагин разработала одна и та же компания, поэтому они хорошо работают в связке. Подробнее об этом плагине читайте в отдельной статье: Руководство по настройке LiteSpeed Cache.

Другие популярные плагины для оптимизации WordPress: Hummingbird, WP Super Cache, WP Fastest Cache, W3 Total Cache.

Оптимизируйте контент сайта

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

Изображения. Часто это самые тяжелые элементы на странице. Бесплатные сервисы вроде TinyPNG, Compressor или Squoosh позволяют уменьшить вес изображений на 50–80% без ощутимой потери качества. Рекомендуемый размер изображения после оптимизации — до 400 Кб.

Если не хотите делать всё это вручную, используйте специальный плагин для оптимизации изображений: Autoptimize, EWWW Image Optimizer, Imagify, ShotPixel, Smush.

Файлы JavaScript. Тоже могут занимать много места, если на странице много элементов с анимациями или уникальным дизайном. Есть несколько подходов к оптимизации этих файлов:

1. Минификация. Это когда из кода удаляют лишние символы, уменьшая за счёт этого его размер. Функционал при этом не меняется.
2. Комбинирование. Это когда все скрипты собирают в одном файле, чтобы вместо нескольких запросов браузер отправлял один. Чем меньше запросов — тем лучше.
3. Асинхронная загрузка JavaScript. При обычной загрузке браузер останавливает отрисовку HTML-кода, когда в коде встречается скрипт. Асинхронная загрузка позволяет этого не делать и загружать скрипт параллельно. Но после загрузки браузер всё же остановит отрисовку, чтобы выполнить скрипт.
4. Отложенная загрузка JavaScript. При такой загрузке браузер начнёт загружать скрипты только после того, как закончит отрисовывать HTML.

Всё это можно сделать при помощи плагинов Async JavaScript, Autoptimize, Hummingbird.

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

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

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

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

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

Вы можете избавиться от всей этой лишней информации при помощи специальных плагинов для оптимизации базы данных WordPress: WP Optimize, WP-Sweep, Optimize Database after Deleting Revisions, WP-DB Manager.

Используйте CDN

CDN или Content Delivery Network (система доставки контента) — это сеть серверов по всему миру, к которой вы подключаете свой сайт, после чего часть контента кэшируется на каждом из серверов. Это помогает вашему сайту загружаться быстрее для тех, кто живёт далеко от сервера, на котором он хранится.

Допустим, сервер с вашим сайтом расположен в США и на него заходит человек, который живёт в Украине. Без CDN данным придётся преодолеть половину земного шара, на что потребуется время. А с CDN, когда человек из Украины заходит на сайт, система доставки контента понимает, где находится человек, и говорит «О, вы из Украины! У нас как раз есть дата-центр недалеко в Киеве».

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

В мире есть много CDN-провайдеров, например, Cloudflare, Google Cloud CDN, Amazon CloudFront. Обычно их услуги платные, но у Cloudflare есть и бесплатный тариф. Это самый популярный CDN-провайдер в мире. Подробнее на эту тему: Руководство по подключению и настройке Cloudflare.

Чек-лист: как оптимизировать сайт на WordPress

1. Выберите качественный хостинг. Для нормальной работы сайта понадобится тариф с достаточным количеством ресурсов, SSD дисками, последними версиями ПО и местоположением сервера как можно ближе к вашей аудитории. 
2. Используйте оптимизированную тему и плагины. В теме должен быть только необходимый функционал, а у плагина — высокий рейтинг. Если есть возможность обойтись без плагина, лучше обойтись.
3. Включите на сайте кэширование. Если у вас виртуальный хостинг — установите плагин, чтобы включить кэширование на стороне браузера, а если выделенный сервер или VPS — настройте кэширование на стороне сервера.
4. Оптимизируйте изображения и файлы JavaScript. Изображения — сожмите, а файлы JavaScript — минифицируйте, комбинируйте и включите асинхронную или отложенную загрузку.
5. Очистите базу данных от ненужной информации. Периодически удаляйте устаревшие данные при помощи плагинов, чтобы база данных не разрасталась и не обрабатывала ненужную информацию.
6. Используйте CDN. Подключите сайт к Cloudflare, чтобы он хранился на серверах компании по всему миру и загружался с ближайшего сервера для людей из разных точек планеты.

Плагины для ускорения WordPress

1. Настроить кэширование: LiteSpeed Cache, Hummingbird, WP Super Cache, WP Fastest Cache, W3 Total Cache.
2. Оптимизировать изображения: Autoptimize, EWWW Image Optimizer, Imagify, ShotPixel, Smush.
3. Оптимизировать JavaScript: Async JavaScript, Autoptimize, Hummingbird
4. Оптимизировать базу данных: WP-Sweep, WP Optimize, Optimize Database after Deleting Revisions, WP-DB Manager.
5. Плагины, которые содержат все вышеупомянутые функции: LiteSpeed Cache, W3 Total Cache, WP Optimize, WP Fastest Cache.

Ускорение сайтов на WordPress — Метод Лаб

к.э.н. Лавлинский Н. Е., технический директор ООО «Метод Лаб»

Сайты, построенные на основе WordPress – частые гости по услуге «ускорение сайтов» в компании Метод Лаб. В этой статье рассмотрим основные проблемные направления таких сайтов и способы решения проблем.

Источники проблем со скоростью WordPress

Итак, откуда берутся медленные сайты на WordPress? Если коротко: сайты на WordPress медленные по умолчанию. То есть, чтобы получить быстрый сайт, необходимо принимать большое количество мер по ускорению. Причин тому несколько: низкая квалификация разработчиков сайтов, использование готовых шаблонов (тем), отсутствие осведомлённости о технологиях ускорения сайтов.

Серверная производительность

Начнём с серверной части. Чтобы показать страницу в браузере, нужно получить как минимум её HTML-код. Время генерации HTML-кода страницы ограничивает снизу время загрузки страницы. У большинства сайтов на WordPress время генерации может превышать 1 секунду, что непозволительно много. И это для обычных страниц, если брать сложные случаи (результаты поиска, фильтры и так далее), время генерации может составлять 2-60 секунд. В такой ситуации ускорение сайта должно начинаться именно с радикального сокращения времени получения HTML.

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

Клиентская производительность

Большое количество проблем со скоростью сайта относится к клиентской части. Сайт с точки зрения разработчика состоит из шаблонов, контента и виджетов. Шаблоны в свою очередь состоят из областей (например, header, footer и так далее). Поэтому, самые важные части для оптимизации скорости это части шаблона, которые повторяются на многих страницах сайта.

Какие проблемы мы обычно наблюдаем? Во-первых, это большое количество CSS-файлов. Часть из них относятся к стилям темы, часть — к JS-плагинам. Часто эти CSS не минифицированы, а иногда вообще не нужны (не используются на странице). Так как любой CSS-файл является блокирующим для рендеринга страницы, это приводит к серьёзным проблемам скорости загрузки сайта.

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

В-третьих, сегодня большинство современных сайтов используют подключенные веб-шрифты. По нашему опыту, разработчики часто пользуются сервисом Google Fonts, который динамически формирует CSS и файлы шрифтов. С точки зрения скорости загрузки сайта этот подход имеет ряд недостатков: требуется создавать отдельное соединение с серверами Google, добавляется запрос на один или несколько CSS, добавляется клиентская точка отказа (frontend SPOF).

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

Пути решения проблем скорости сайта на WordPress

Ускорение сайта на WordPress также можно разделить на серверную и клиентскую часть.

Серверное ускорение WordPress

Основной мерой по серверному ускорению является подбор качественного хостинга. Вторым шагом будет подключение модуля для кеширования Total Cache, позволяющего эффективно сокращать время отдачи HTML. Остальные рекомендации носят общий характер оптимизации настроек Nginx, Apache, PHP, MySQL.

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

Для клиентских оптимизаций актуальны все обычные рекомендации по ускорению сайтов. Помимо этого, можно использовать специализированный плагин Autoptimize. Этот плагин позволяет объединять CSS и JS-файлы, проводить их минификацию. Также для JS-кода есть возможность переносить его вниз кода, снижая влияние на блокировку рендеринга страницы. При этом, часто в шаблоне темы есть множество неиспользуемых JS-плагинов. Поэтому, перед подключением плагина Autoptimize стоит проверить все плагины и убрать ненужные (включая CSS от них). Для решения остальных проблем можно применять обычные рекомендации по ускорению сайтов: оптимизация изображений, локальная загрузка шрифтов и так далее.

Основные выводы

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

За профессиональным ускорением сайтов на WordPress и не только обращайтесь к нам.

Как ускорить сайт, созданный на WordPress

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

Почему скорость важна

Скорость загрузки сайтов — один из основных показателей для владельцев бизнеса. Если ваш ресурс долго грузится, это повлечёт за собой череду взаимосвязанных проблем:

• Меньше посетителей. Пользователи не любят медленные сайты. Если стартовая страница грузится больше 5 секунд, свыше половины посетителей «отсеется», то есть перейдёт на другой ресурс.
• Меньше конверсий. Если на этапе знакомства с сайтом его закрыла половина пользователей, количество людей, которые пройдут по воронке продаж до конца и совершат целевое действие (сделают заказ), тоже будет меньше.
• Ниже позиция. Поисковые системы Яндекс и Google при ранжировании сайтов  опираются на скорость загрузки. Чем медленнее ваш сайт, тем меньше у него шансов оказаться в топ-10 поисковой выдачи. 

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

Из чего складывается скорость загрузки

Скорость загрузки складывается из трёх критериев, перечисленных ниже. Чем меньше времени занимает каждый из них, тем выше скорость: 

1. TTFB (время до первого байта) —  интервал от отправки запроса браузером пользователя до отдачи первого байта сервером. Нужно стремиться к тому, чтобы он был минимальным. На этом этапе пользователь ещё не видит контента.
2. Время отрисовки страницы. На этом этапе «прорисовывается» общая структура. 
3. Время загрузки контента. На этом этапе страница прогружается целиком со всеми изображениями, текстами и остальными элементами.

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

Как определить скорость загрузки

Есть много способов определить, что сайт открывается медленно. Например, можно воспользоваться специальными сервисами Google PageSpeed Insights, Be1.ru или любыми другими на ваш вкус. Или консолью разработчика в браузере. Вкладка Network (Сеть) → выбор файла в списке All → вкладка Timing.

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

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

Оптимизация скорости загрузки сайта: 6 шагов

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

1. Оптимизировать структуру сайта.

Проблема со скоростью сайта часто возникает из-за структуры кода. Например, если полная загрузка HTML блокируется внешними файлами (.css и .js), которые не нужны в первую очередь. Чтобы исправить это, встройте принципиально важные стили и скрипты (.css и .js) в HTML и отложите загрузку второстепенных. Вы можете сделать это вручную в коде или использовать плагины WordPress (о них ниже). 

Обратите внимание: изменение структуры может привести к сбоям в темах или плагинах. 

Также, чтобы исправить проблему:

1. Вставьте содержимое всех файлов .css и .js, критически важных для отображения базовой страницы, в HTML-код. Вставлять их стоит в той очерёдности, в какой они влияют на контент. Сохраните изменения.
2. Сократите код полученного файла в любом онлайн-сервисе: htmlcompressor, cssminifier и т. п. За счёт того, что из кода будут удалены незначительные элементы (пробелы, переносы), размер файла уменьшится и сайт будет загружаться быстрее.

Также сервисы проверки (например, Google PageSpeed) советуют настроить асинхронную загрузку CSS и JS. Это нужно для того, чтобы не все скрипты генерировались сервером одновременно. Так, в первую очередь будет загружаться контент, необходимый для отображения страницы, а факультативные — только когда пользователь обратиться к ним. 

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

2. Обновить версию php.

Устаревшая версия php тоже может замедлять загрузку. Сейчас актуально использовать версию — 7.1–7.4. Проверить свою версию и сменить на более современную вы можете по инструкции.

3. Включить серверное кэширование.

Если на сайте выключено кэширование, сервер тратит ресурсы на обработку однотипных запросов. Так, если за час страницу посетят 20 человек, сервер будет собирать её каждый раз заново. 

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

4. Настроить gzip-сжатие.

На виртуальном хостинге сжатие статичных файлов (HTML, CSS, JS) настроено по умолчанию. Благодаря этому, сервер отдаёт браузеру пользователя архив со сжатыми данными, а тот быстро распаковывает их. В итоге контент обрабатывается быстрее, чем при загрузке полноразмерных файлов.

Вы можете проверить, включено ли сжатие, на странице. Если оно выключено, воспользуйтесь инструкцией Как включить gzip на сайте WordPress. 

5. Оптимизировать изображения.

Если изображения на сайте много весят (1 файл — больше 2 Мб), страница также будет загружаться медленнее. Исправить это просто. Достаточно сжимать размер файлов при загрузке, выбирать современные форматы (WebP, JPEG 2000, AVIF  и т. п.). Подробнее о том, как работать с картинками на сайте WordPress, читайте в статье.

6. Перейти на более мощный тариф.

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

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

Как ускорить загрузку сайта на WordPress

В WordPress есть плагины, которые направлены на решение точечных проблем со скоростью загрузки, а есть — многофункциональные, в которых можно сразу задать несколько настроек. Мы выбрали два плагина: Autoptimize и PageSpeed Ninja.

1. Откройте админку WordPress. Если не помните точный URL, введите: ваш-сайт/wp-admin.

2. Наведите курсор на раздел «Плагины» в главном меню и выберите в списке Добавить новый:

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

3. Введите в строке поиска справа Autoptimize.

4. Нажмите Установить → Активировать:

5. Наведите курсор на раздел «Настройки» в главном меню и выберите в списке «Autoptimize»:

6. Все основные инструменты находятся во вкладках:

• JS. CSS & HTML → здесь вы можете объединить файлы и оптимизировать их (шаг 1). Кэширование будет включено по умолчанию (шаг 3).
• Изображения → оптимизация картинок и функция «Ленивая загрузка», чтобы на странице не прогружались картинки, до которых не доскроллил пользователь.

Чтобы включить необходимые опции, поставьте галочку напротив Оптимизировать код JavaScript (и других аналогичных блоков) ниже:

7. Функции разблокируются и вы сможете включить те настройки, которые нужны для вашего сайта. Когда всё будет готово, нажмите Сохранить изменения и очистить кэш внизу страницы.

Готово. После выбора корректных настроек, сайт станет работать быстрее (если дело не в серверном оборудовании, ограничениях тарифа).

3. Введите в строке поиска справа PageSpeed Ninja.

4. Нажмите Установить → Активировать:

5. Наведите курсор на раздел «Настройки» в меню и выберите PageSpeed Ninja:

6. Все настройки для десктопной и мобильной версии будут включены автоматически. Во вкладке «Общие» вы можете отключить те, что вам не подходят. Затем нажмите Сохранить в правом верхнем углу:

Как облегчить сайт на Вордпресс

А во вкладке «Дополнительно» расположены расширенные настройки и шаблоны. 

Готово. После настройки сайт будет загружаться быстрее.

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

15 простых способов ускорить WordPress

Последнее обновление 27 апреля 2019 г .: WordPress — отличная платформа. Однако одна слабость, которой он страдает, заключается в том, что он может работать довольно медленно.

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

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

Почему скорость сайта WordPress имеет значение

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

Будьте готовы потерять сон ночью: согласно отчету поисковой группы Microsoft Bing, более длительная задержка отклика страницы на 2 секунды уменьшила удовлетворенность пользователей на 3,8%, увеличила потерянный доход на пользователя на 4,3%, а уменьшил количество кликов на 4.3%.

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

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

Давайте это исправим.

Как ускорить WordPress

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

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

1. Выбрать хорошего хозяина

При запуске общий хост может показаться выгодной сделкой («Неограниченные просмотры страниц!»). За это приходится платить: невероятно низкая скорость работы сайта и частые простои в периоды высокой посещаемости.

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

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

Единственный хост WordPress, который я постоянно рекомендую:

✓ WP Engine, управляемый хостинг WordPress

Примечание: Выше моя личная реферальная ссылка, которая дает небольшую скидку (и небольшую комиссию для меня), если вы ее используете. Я рекомендую только те продукты, которые использую лично, и компании, которые поддерживаю.

Мои сайты всегда удивительно быстрые, у меня никогда не бывает простоев, когда я получаю огромные упоминания (например, когда я был представлен на веб-сайте Discovery Channel), а серверная часть очень проста в использовании.

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

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

2. Начните с твердого каркаса / темы

Вы можете быть удивлены здесь, но тема Twenty Nineteen (также известная как тема WP по умолчанию) легкая и довольно быстрая.

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

По моему опыту, самой быстрой загрузкой премиум-фреймворка, безусловно, является Focus Theme Framework, особенно новый скин Focus (на этом сайте я использую полностью голую версию, но лично мне нравится простота!). Он превосходит основные темы WordPress, поскольку его гораздо проще настраивать.

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

3. Используйте эффективный плагин кеширования

Плагины

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

Безусловно, мой фаворит, без исключения, — это W3 Total Cache, я бы не рекомендовал и не использовал какой-либо другой плагин для кэширования, он имеет все необходимые функции и чрезвычайно прост в установке и использовании.

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

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

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

По сути, CDN, или сеть доставки контента, берет все ваши статические файлы, которые есть на вашем сайте (CSS, Javascript, изображения и т. Д.), И позволяет посетителям загружать их как можно быстрее, обслуживая файлы на серверах как можно ближе к ним. насколько возможно.

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

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

5. Оптимизировать изображения (автоматически)

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

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

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

6. Оптимизируйте домашнюю страницу для быстрой загрузки

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

То, что вы можете сделать, включает:

• Показывать отрывки вместо полных сообщений
• Уменьшите количество сообщений на странице (мне нравится показывать от 5 до 7)
• Удалите ненужные виджеты общего доступа с домашней страницы (включите их только в сообщениях )
• Удалите неактивные плагины и виджеты, которые вам не нужны
• Минимум! Читатели здесь для содержания, а не для 8000 виджетов на главной странице

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

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

Я определенно извлек много пользы из слова «оптимизировать» в этом посте!

Это можно сделать очень утомительным, чрезвычайно скучным ручным способом, или…

Вы можете просто использовать плагин WP-Optimize, который я использую на всех своих сайтах.

Этот плагин позволяет вам выполнять только одну простую задачу: оптимизировать вашу базу данных (спам, публикации, редакции, черновики, таблицы и т. Д.), Чтобы уменьшить их накладные расходы.

Я бы также порекомендовал плагин WP-DB Manager, который может планировать даты для оптимизации базы данных.

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

Hotlinking — это форма «кражи полосы пропускания». Это происходит, когда другие сайты ссылаются на изображения на вашем сайте из своих статей, что увеличивает нагрузку на ваш сервер.

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

Поместите этот код в свой корень.http (s)?: // (www \.)? feeds2.feedburner.com/sparringmind [NC]
RewriteRule \. (Jpg | jpeg | png | gif) $ — [NC, F, L]

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

9. Добавьте заголовок expires к статическим ресурсам

Заголовок Expires — это способ указать время, которое достаточно далеко в будущем, чтобы клиентам (браузерам) не приходилось повторно получать какой-либо статический контент (например, файл css, javascript, изображения и т. Д.).

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

Вам необходимо скопировать и вставить следующий код в корневой файл .htaccess:

ExpiresActive On
ExpiresByType image / gif A25

ExpiresByType image / png A25

ExpiresByType image / jpg A25

ExpiresByType image / jpeg A25

Вышеуказанные числа установлены на месяц (в секундах), вы можете изменить их по своему желанию.

10. Настройте изображения Gravatar

На этом сайте вы заметите, что изображение Gravatar по умолчанию установлено на… ну, ничего.

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

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

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

11. Добавьте LazyLoad к изображениям

LazyLoad — это процесс загрузки только изображений над сгибом (т. Е. Только изображений, видимых в окне браузера посетителя), затем, когда читатель прокручивает страницу вниз, другие изображения начинают загружаться непосредственно перед тем, как они попадают в поле зрения.

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

Чтобы сделать это автоматически, установите подключаемый модуль jQuery Image Lazy Load .

12. Контроль количества сохраненных ревизий записей

Я сохранял этот пост в черновике около 8 раз.

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

Теперь, когда этот пост готов и опубликован, зачем мне хранить все эти черновики?

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

13. Отключить пингбеки и трекбэки

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

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

Для получения более подробной информации прочтите это объяснение Pingbacks, Trackbacks и Linkbacks WordPress.

14. При необходимости замените PHP статическим HTML

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

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

Так что пойдите туда и проверьте это, он написал это проще, чем я когда-либо мог!

15.Используйте CloudFlare

Это похоже на раздел выше об использовании CDN, но я настолько полюбил CloudFlare с тех пор, как обсуждал его в своем посте best web analytics , что решил включить его здесь отдельно.

Откровенно говоря, CloudFlare вместе с описанным выше плагином W3 Total Cache представляют собой действительно мощную комбинацию (они интегрируются друг с другом), которая значительно улучшит не только скорость, но и безопасность вашего компьютера. сайт.

Оба бесплатны!

Спасибо за чтение! Поделитесь этой статьей, если она вам понравилась.

7 способов улучшить Google PageSpeed ​​на WordPress

что такое Google PageSpeed?

Google PageSpeed ​​- это набор бесплатных инструментов, которые оценивают, насколько быстро загружается ваш сайт. Он также дает вашему веб-сайту две оценки скорости до 100 — одну для мобильных устройств и одну для настольных компьютеров.

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

Вы можете проверить производительность своего веб-сайта, перейдя на страницу Google PageSpeed ​​Insights и просто введя свой URL. Стоит регулярно проверять свои показатели Google PageSpeed ​​и со временем пытаться улучшать их.

почему важен Google PageSpeed?

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

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

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

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

В итоге: более быстрый сайт = больше трафика + больше взаимодействия

7 способов улучшить скорость страницы WordPress

Теперь мы даем наши главные советы по улучшению вашей оценки Google PageSpeed ​​на WordPress…

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

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

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

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

Для этого вам нужно решить, где будет использоваться изображение и какой размер вам нужен.Затем вы можете использовать такой инструмент, как Pixlr, чтобы обрезать и сохранить изображение в минимально возможном размере. Иногда даже изменение типа файла может уменьшить размер — например, JPEG обычно меньше изображений PNG.

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

2) Включить кэширование

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

Кэширование, таким образом, значительно увеличивает скорость загрузки вашей страницы, особенно когда люди возвращаются на ваш сайт во второй или третий раз. Это очень просто включить в WordPress с помощью бесплатного плагина, такого как W3 Total Cache.

3) Думайте прежде всего с мобильных устройств

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

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

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

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

4) Включить сжатие GZIP

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

Мы рекомендуем установить плагин WP-Optimize, который имеет опцию сжатия GZIP. Этот плагин также будет полезен для нашего следующего пункта, когда мы перейдем к уменьшению файлов веб-сайтов …

5) Уменьшите файлы CSS, HTML и JS

Если ваш показатель Google PageSpeed ​​нуждается в улучшении, уменьшите каскадную таблицу стилей (CSS), Файлы HTML и JavaScript (JS) почти наверняка будут указаны в качестве рекомендаций.

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

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

6) Обновите плагины

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

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

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

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

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

7) Очистите базу данных

Наконец, вы можете ускорить свой сайт с помощью старой доброй весенней чистки!

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

Вы можете поддерживать порядок в базе данных своего сайта WordPress, установив такой плагин, как WP-Sweep или Advanced Database Cleaner. Они будут работать автоматически в фоновом режиме, чтобы поддерживать вашу базу данных в актуальном состоянии и увеличивать скорость загрузки страниц.

нужна помощь?

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

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

Как ускорить ваш сайт на WordPress за 20 минут

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

Но медленные веб-сайты WordPress — обычная проблема.

Вот рейтинг моей страницы в PageSpeed ​​Insights для мобильных устройств.

До оптимизации.

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

До оптимизации.

Вот та же страница примерно через 20 минут оптимизации скорости загрузки страницы:

После оптимизации.

И остальные страницы в Аудите сайта:

После оптимизации.

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

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

1. Удалите неиспользуемые плагины
2. Переключите DNS-провайдеров на Cloudflare
3. Установите плагин кэширования
4. Сократите код
5. Объедините файлы CSS и JavaScript
6. Устраните ресурсы, блокирующие рендеринг
7. Ленивая загрузка изображений и видео Оптимизация Google
8. Шрифты
9. Включить предварительную загрузку
10. Используйте CDN
11. Оптимизируйте изображения

важно

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

Шаг 1. Удалите неиспользуемые плагины

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

Будьте осторожны при этом. Если вы не уверены, нужно ли что-то, оставьте это здесь.

Шаг 2. Переключите DNS-провайдеров на Cloudflare

Веб-сайты — это файлы на жестких дисках (серверах), подключенных к Интернету. И каждое устройство, подключенное к Интернету, имеет IP-адрес (например, 123.123.12.1).

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

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

Если это вы, переключитесь на более быстрого DNS-провайдера, такого как Cloudflare.

Для этого зарегистрируйте бесплатную учетную запись Cloudflare. Нажмите «Добавить сайт», введите имя своего домена и нажмите кнопку.

Выберите бесплатный тариф, затем нажмите «Подтвердить план».”

Cloudflare теперь даст вам возможность проверить настройки DNS, прежде чем продолжить. Если предупреждений нет, можно продолжить.

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

Вот процесс, если вы используете Google Domains:

Шаг 3. Установите плагин кеширования

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

Существует два основных типа:

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

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

Ищете бесплатный вариант? Попробуйте W3 Total Cache.

Шаг 4. Сократите код

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

Если вы используете WPRocket, установите флажки, чтобы минимизировать CSS и JavaScript в настройках.

Если вы не используете WPRocket, установите и активируйте Autoptimize и сделайте то же самое.

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

Шаг 5. Объедините файлы CSS и JavaScript

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

Объединение этих файлов может ускорить работу, но это зависит от настроек вашего сервера.

• При использовании HTTP / 1.1 файлы CSS и JavaScript загружаются последовательно. Это означает, что один файл должен полностью загрузиться, прежде чем начнется загрузка следующего.
• При использовании HTTP / 2 файлы загружаются одновременно. Это означает, что несколько файлов CSS и JavaScript могут начать загрузку одновременно.

Если ваш сервер использует HTTP / 1.1, объединение файлов ускоряет работу, поскольку нужно загружать меньше файлов. Если он использует HTTP / 2, объединение файлов не обязательно будет иметь большое значение, потому что файлы в любом случае могут загружаться одновременно.

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

Если HTTP / 2 не поддерживается, стоит объединить файлы CSS и JavaScript.

Для этого в WPRocket поставьте галочки напротив «Объединить файлы JavaScript» и «Объединить файлы CSS» в настройках.

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

Шаг 6. Устранение ресурсов, блокирующих рендеринг

Рендеринг — это процесс превращения кода в видимую веб-страницу.

Ключевое слово здесь — «видимый», потому что веб-странице не всегда нужно полностью загружаться, прежде чем она станет видимой.

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

Вы можете сделать это, отложив загрузку некритичных файлов CSS и JavaScript, необходимых для содержимого «в нижней части страницы», на более позднее время. Для этого в WPRocket установите флажки «Загрузить отложенный JavaScript» и «Оптимизировать доставку CSS».

Если вы не используете WPRocket, вам понадобятся два плагина: Autoptimize и Async JavaScript.

В настройках автоматической оптимизации установите флажок «Встроить и отложить CSS». Затем в настройках Async JavaScript нажмите «Enable Async JavaScript.

Если вы ранее видели проблему «устранить ресурсы, блокирующие рендеринг» в PageSpeed ​​Insights, это обычно решает эту проблему.

Шаг 7. Ленивая загрузка изображений и видео

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

Если вы используете WPRocket, решите эту проблему, установив флажок «Включить для iframe и видео» в настройках LazyLoad.

Если вы не используете WPRocket, бесплатный плагин Lazy Load for Videos делает то же самое.

Шаг 8. Оптимизация шрифтов Google

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

Если вы используете WPRocket, он автоматически оптимизирует запросы Google Fonts. В противном случае хорошей отправной точкой будет Swap Google Fonts Display.

Шаг 9. Включите предварительную загрузку

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

Например, ваш код выглядит так:

 
  

Содержание 

 

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

Самый простой способ решить эту проблему — добавить еще одну строку кода, например:

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

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

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

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

Есть много поставщиков CNS, поэтому все, что вам нужно сделать, это выбрать одного, включить его в WPRocket и ввести CNAME.

Шаг 11. Оптимизируйте изображения

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

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

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

Результаты

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

Вот статистика до и после моего сообщения в Google PageSpeed ​​Insights:

А вот то же самое из GTMetrix:

Вы можете видеть, что ранее страница полностью загружалась за 5,9 секунды с размером страницы 1,89 МБ и 67 запросами. После оптимизации все три показателя упали. Размер страницы составляет 695 килобайт, время полной загрузки — 4 секунды, а количество запросов сократилось почти на 50%.

Если мы проверим все страницы веб-сайта с помощью Ahrefs Site Audit, мы увидим примерно 40% -ное улучшение среднего и 95-го процентиля времени загрузки.

Заключительные мысли

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

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

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

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

15 советов профессионалов по ускорению сайта WordPress (руководство для начинающих)

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

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

Вот почему все стремятся ускорить свой сайт WordPress.

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

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

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

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

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

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

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

Итак, вам нужна нейтральная программа проверки скорости, которая покажет вам реальную скорость загрузки страницы вашего сайта.Мы собираемся использовать Free Speed ​​Test Tool, чтобы проверить скорость нашего сайта.

• Просмотрите этот инструмент и поместите имя вашего сайта в выбранную область.

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

Если вам не нравится вышеупомянутый инструмент, вы можете выбрать его альтернативу. Следующие три инструмента широко используются в Интернете:

1. WebPageTest.org
2. Инструменты.Pingdom.com
3. PageSpeed ​​Insights

Почему важно ускорить работу вашего сайта WordPress

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

Сейчас более чем когда-либо скорость сайта имеет значение не только для более высокого ранжирования в поисковой выдаче (страница результатов поисковой системы), но и для обеспечения лучшего взаимодействия с пользователем и повышения конверсии.Еще в 2010 году Google объявил, что скорость сайта для ПК влияет на ваш рейтинг в поисковой выдаче. Однако в 2018 году Google объявил, что скорость мобильного сайта влияет на ваш рейтинг.

Кроме того,

• Между 2000 и 2015 годами средняя продолжительность внимания человека упала с 12 до 8 секунд.
• 47% потребителей ожидают, что веб-страница загрузится в течение двух секунд или меньше.
• 40% покидают веб-сайт, загрузка которого занимает более трех секунд.
• 79% покупателей, недовольных работой веб-сайта, с меньшей вероятностью вернутся.
• Задержка в одну секунду снижает конверсии на 7%.

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

15 советов по ускорению вашего сайта на WordPress

После проверки скорости вашего сайта, если загрузка занимает более 2 секунд, немедленно примите меры, чтобы сделать его быстрее, чем было. Здесь мы упомянули 15 советов, которые определенно могут улучшить скорость вашего сайта, если вы отнесетесь к этому серьезно.

1. Выберите качественный веб-хостинг
2. Поддерживайте актуальность своего сайта
3. Выберите тему с оптимизацией скорости
4. Оптимизируйте базу данных
5. Уменьшите количество запросов к серверу
6. Используйте оптимизированные изображения
7. Включите кеширование страниц
8. Используйте сеть доставки контента ( CDN)
9. Включить сжатие Gzip
10. Минимизировать файлы CSS и JS
11. Деактивировать неиспользуемые плагины
12. Не загружать аудио / видео непосредственно на свой сайт
13. Добавить LazyLoad к вашим изображениям
14. Отключить горячие ссылки и выгрузку вашего контента
15. Включить HTTPS и HTTP / 2

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

1. Выберите качественный веб-хостинг

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

• Общий хостинг
• Выделенный хостинг
• Хостинг виртуального частного сервера (VPS)
• Управляемые планы хостинга WordPress

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

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

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

2. Поддерживайте актуальность своего сайта

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

Как владелец веб-сайта вы несете ответственность за использование,

• Обновленная версия WordPress
• Обновленная версия PHP
• Последняя версия HTML
• Обновленные темы и плагины WordPress.

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

3.Выберите тему с оптимизированной скоростью

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

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

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

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

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

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

Плагины

, такие как WP-Optimize, Advanced Database Cleaner и WP-Sweep, могут помочь вам оптимизировать вашу базу данных.

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

5. Уменьшите количество запросов к серверу

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

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

• Уменьшите количество сообщений, отображаемых на странице
• Показывать только отрывки сообщений, не полные сообщения на страницах архива (найдите параметр в разделе «Настройки > Чтение »)
• Разделите более длинные сообщения на страницы
• Если вы получаете много комментариев разбейте их на несколько страниц ( Настройки> Обсуждение )
• Уменьшите количество изображений и других элементов на странице
• Удалите ненужные плагины, особенно более медленные

6.Использовать оптимизированные изображения

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

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

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

7. Включение кэширования страниц

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

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

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

Некоторые из самых популярных плагинов кэширования:

1. Cache Enabler — WordPress Cache
2. W3 Total Cache
3. WP Super Cache

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

  #
# свяжите .js с типом «текст / javascript» (если его нет в mime.conf)
#
Добавить тип текста / javascript .js

#
# настроить mod_expires
#
# URL: http://httpd.apache.org/docs/2.2/mod/mod_expires.html
#

ExpiresActive On
ExpiresDefault «доступ плюс 1 секунда»
ExpiresByType изображение / значок x «доступ плюс 26 секунд»
ExpiresByType image / jpeg «доступ плюс 26 секунд»
ExpiresByType image / png «доступ плюс 26 секунд»
ExpiresByType image / gif «доступ плюс 26 секунд»
Приложение ExpiresByType / x-shockwave-flash «доступ плюс 26 секунд»
ExpiresByType text / css «доступ плюс 26 секунд»
ExpiresByType text / javascript «доступ плюс 26 секунд»
Приложение ExpiresByType / x-javascript «доступ плюс 26 секунд»
ExpiresByType text / html «доступ плюс 600 секунд»
ExpiresByType application / xhtml + xml «доступ плюс 600 секунд»

#
# настроить mod_headers
#
# URL: http: // httpd.apache.org/docs/2.2/mod/mod_headers.html
#

Заголовочный набор Cache-Control «max-age = 26, общедоступный»

Заголовок установлен Cache-Control «max-age = 600, private, must-revalidate»

Заголовок не установлен ETag
Заголовок не установлен Last-Modified
  

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

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

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

Можно использовать,

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

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

Чем меньше размер вашего сайта, тем быстрее он загружается. Сжатие GZip может уменьшить размер содержимого вашего веб-сайта примерно на 70 процентов.Веб-сайт после сжатия загружается быстрее из-за уменьшения пропускной способности.

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

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

Если вы хотите сделать это вручную, то есть без использования подключаемого модуля, откройте файл .htaccess (находится в корневом каталоге на вашем сервере) и добавьте в него следующий код:

 
AddOutputFilterByType DEFLATE текст / простой
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE текст / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript
  

10.Минимизация файлов CSS, HTML и JS

Минификация ресурсов означает удаление ненужных символов из HTML, JavaScript и CSS, которые не требуются для загрузки, например:

• Символы пробела
• Символы новой строки
• Комментарии
• Разделители блоков

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

Существуют плагины, которые помогут вам минимизировать ваши файлы CSS, HTML и JS.

11. Деактивировать неиспользуемые плагины и темы

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

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

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

12. Не загружайте аудио / видео прямо на свой сайт

Вы можете напрямую загружать аудио- и видеофайлы на свой сайт WordPress, и он автоматически отобразит их в проигрывателе HTML5. Но вы НИКОГДА не должны этого делать!

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

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

13. Добавьте LazyLoad к вашим изображениям

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

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

Для ленивой загрузки видео есть бесплатный плагин Lazy Load for Videos. Он заменяет встроенные видеоролики YouTube и Vimeo на изображение для предварительного просмотра, которое можно щелкнуть.Если на вашем веб-сайте много видео, только этот плагин может значительно ускорить WordPress.

14. Отключить Hotlinking

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

Он замедляет работу вашего сайта, а отключив его, вы можете повысить скорость своего сайта.http (s)?: // (www \.)? yourdomain.com [NC]
RewriteRule \. (Jpg | jpeg | png | gif) $ — [NC, F, L]

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

15. Включите HTTPS и HTTP / 2

Интернет очень давно использовал HTTP 1.1. Требовалось обновление! HTTP / 2 имеет много улучшений производительности по сравнению с HTTP 1.1, таких как мультиплексирование, отправка сервера, сжатие заголовков и другие.

Для запуска HTTP / 2 на вашем сайте должен быть запущен https с установленным сертификатом SSL.

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

Прекратите думать и начните оптимизировать скорость своего сайта прямо сейчас

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

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

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

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

28 способов ускорить веб-сайт WordPress

Хотите ускорить работу WordPress?

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

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

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

Да, это потребует некоторых усилий.

Но возврат инвестиций (ROI) в это время принесет дивиденды, когда дело доходит до успеха вашего сайта.

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

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

Что такое «время загрузки»?

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

Но с этим есть большая проблема: Это совсем не то, как работает реальный мир .

В реальном мире люди будут посещать ваш сайт:

• С разных устройств , например, топовый Macbook Pro или бюджетный Android-смартфон.
• С разными скоростями подключения , как невероятно быстрое проводное соединение по сравнению с 4G.
• Из разных мест , например, Лос-Анджелес против Сингапура.

Если кто-то использует бюджетный телефон Android с медленным 4G-соединением, он будет считать, что ваш сайт загружается медленнее, чем кто-то, использующий новый Macbook Pro и сверхбыстрое проводное соединение.

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

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

У

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

Что такое «быстрое» время загрузки страницы?

Мы говорили о том, чтобы сделать ваш сайт на WordPress быстрее. Но что на самом деле значит быть «быстрым»?

То есть к какому времени загрузки страницы нужно стремиться?

Здесь нет точного числа, но самые последние данные говорят, что вы хотите быть менее 3 секунд максимум:

• Google — рекомендует менее 3 секунд на мобильном телефоне.
• Pingdom — «Как только время загрузки страницы превышает 3 секунды, показатель отказов резко возрастает».
• Section.io — обнаружено устойчивое увеличение показателя отказов и уменьшение количества страниц за посещение по мере увеличения времени загрузки страницы.

Конечно, меньше 2 секунд даже лучше.

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

Как точно измерить скорость вашего сайта WordPress

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

Для этого мы рекомендуем GTmetrix или Google Pagespeed. Давайте пройдемся по каждому из них.

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

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

Выполните каскадный анализ HTTP-запросов

Если этот шаг кажется непосильным, у вас нет для этого.Хотя у вас может не быть сайта, оптимизированного на 100%, если не копаться в технических деталях, вы все равно можете иметь сайт, оптимизированный на 90%, что подходит для большинства ситуаций.

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

Каскадный анализ показывает каждый HTTP-запрос на странице.

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

Некоторые примеры:

• Каждое уникальное изображение представляет собой один HTTP-запрос.
• Каждый файл CSS представляет собой один HTTP-запрос.
• Каждый сценарий представляет собой один HTTP-запрос (, включая внешние сценарии, такие как Google Fonts или Analytics ).

Каждый запрос занимает разное время. Например, один HTTP-запрос изображения может занять 500 мс, а загрузка небольшого скрипта — 50 мс.

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

Выполнение анализа водопада покажет вам:

• Сколько HTTP-запросов требует страница.
• В каком порядке выполняются эти HTTP-запросы.
• Сколько времени требуется для загрузки каждого HTTP-запроса.

Как использовать анализ водопада

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

Введите страницу, которую вы хотите проанализировать в GTmetrix. Затем щелкните вкладку Waterfall , когда загрузятся результаты.

Следующий вопрос — как использовать каскадный анализ?

Что ж, если вам нужна длинная и подробная версия, вы можете посмотреть это видео:

Но вот сокращенная версия…

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

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

Затем вам нужно будет прочитать URL-адрес, который обычно довольно ясно показывает, откуда берется актив. Например, «wp-content / plugins / elementor /».

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

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

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

А теперь пора это исправить.

Но сначала давайте воспользуемся Google PageSpeed ​​Insights. Сначала введите URL-адрес своего веб-сайта и нажмите клавишу ВВОД. Подождите несколько секунд, пока не будет выполнено сканирование.

Когда это будет сделано, вы увидите результаты. В нашем примере мы забили довольно плохо!

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

Ускорение WordPress: лучшие способы

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

1. Выберите легкую тему WordPress в качестве основы

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

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

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

Astra весит менее 50 КБ по размеру файла и не имеет зависимостей от jQuery, что означает, что он не будет мешать времени загрузки вашей страницы.

Разница может быть значительной.

Например, вот время загрузки пустой страницы блога в Astra по сравнению с пустой страницей, использующей тему NewsMag.

Астра:

НовостиMag:

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

• Время полной загрузки: Astra: 1,1 с, NewsMag: 1,4 с
• Размер страницы: Astra: 54 КБ, NewsMag: 318 КБ
• Запросы: Astra: 7 запросов, NewsMag: 36 запросов

Как видите, Astra побеждает во всех категориях.

Astra тоже не экономит на функциях. Вы все равно получите:

• 180+ импортируемых демонстрационных сайтов для различных ниш.
• Подробные параметры настройки в удобном настройщике WordPress
• Поддержка WooCommerce.
• Интеграция с популярными надстройками для построения страниц, такими как Elementor и Beaver Builder.

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

2. Используйте высокопроизводительный хостинг WordPress

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

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

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

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

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

Итак — что вам следует искать в хосте WordPress, когда речь идет о производительности?

• PHP 7.X + — Последние версии PHP более безопасны и намного быстрее. В тестах PHP Kinsta PHP 7.3 может обрабатывать почти в 3 раза больше запросов в секунду, чем PHP 5.6. Кроме того, более старые версии PHP больше не получают поддержки.
• Хорошее расположение центров обработки данных — Физическое расположение серверов вашего сайта повлияет на время загрузки страницы вашего сайта. Вы хотите иметь возможность выбрать центр обработки данных, максимально приближенный к большей части аудитории вашего сайта. Например, если ваша аудитория находится на востоке США, вам следует искать хосты, у которых есть центры обработки данных в Нью-Йорке, Вашингтоне, Филадельфии или подобных местах.
• Распределение ресурсов — Если вы используете доступный общий хостинг, вы хотите убедиться, что ваш хост не имеет репутации перегружать эти общие серверы для экономии денег.

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

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

Планы

начинаются всего с 3,99 доллара США за первый платежный цикл.

SiteGround также имеет специальный плагин SiteGround Migrator, который упрощает перенос неограниченного количества сайтов на SiteGround.Другие управляемые хосты имеют аналогичные услуги.

3. Оптимизируйте изображения WordPress

Изображения составляют огромный процент от размера страницы веб-сайта. На изображении ниже показан тест скорости Pingdom веб-сайта с темой Astra:

Как видите, более 70% содержимого сайта составляют изображения. Это даже после того, как изображения были тщательно сжаты.

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

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

Оптимизация изображений состоит из двух основных частей:

Во-первых, вам нужно изменить размер изображения .

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

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

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

Во-вторых, сжатие изображения .

Сжатие изображений дополнительно уменьшает размер файлов изображений без изменения размеров.Есть два типа сжатия:

• Lossy — Значительное уменьшение размера файла, но также некоторое снижение качества изображения.
• Lossless — Сравнительно небольшое уменьшение размера файла, но без потери качества изображения.

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

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

Два отличных плагина для автоматической оптимизации изображений в WordPress

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

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

• Динамически отображать изображения правильного размера на основе устройства посетителя . Например, кто-то просматривает на смартфоне изображение с более низким разрешением, чем кто-то просматривает на ноутбуке с экраном Retina.
• Разместите свои изображения в глобальной сети доставки контента (CDN) . Это ускоряет глобальную загрузку страницы (еще о CDN позже, ). Optimole использует Amazon CloudFront, а ShortPixel не публикует, какую инфраструктуру он использует.
• Ленивая загрузка изображений . Это ускоряет воспринимаемое время загрузки, ожидая загрузки изображений в нижней части страницы, пока пользователь не начнет прокрутку вниз. Изображения «ниже сгиба» — это изображения, которые не отображаются сразу, когда пользователь попадает на страницу. То есть пользователю нужно прокрутить вниз, чтобы увидеть их .

Как настроить Optimole

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

Бесплатный план

Optimole позволяет оптимизировать неограниченное количество изображений для 5000 посетителей в месяц. Хорошо, что даже если посетитель просматривает несколько страниц, это все равно считается одним посещением.

Для начала:

1. Установите и активируйте бесплатный плагин Optimole.

2. Следуйте подсказкам плагина, чтобы зарегистрироваться для получения ключа API. После этого Optimole отправит вам электронное письмо с вашим ключом API.

Скопируйте ключ API из электронного письма и вставьте его в поле API Key на панели инструментов WordPress.

3. Щелкните Подключиться к службе OptiMole

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

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

Если вы хотите изменить уровень сжатия или другие параметры, перейдите на вкладку Settings и затем щелкните Advanced :

И все! Теперь ваши изображения оптимизированы.

4. Установите подключаемый модуль оптимизации страницы

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

Пожалуй, лучший плагин в целом — это WP Rocket. Вы можете кэшировать свои страницы, минимизировать файлы JS и CSS, включить сжатие Gzip, использовать отложенную загрузку и многое другое.

Однако плагин не является бесплатным и стоит 49 долларов в год для одного сайта.

Итак, если вы хотите использовать бесплатный плагин, мы рекомендуем W3 Total Cache.Это бесплатное использование и работает на любом типе веб-хостинга.

Некоторые из функций этого плагина включают:

Кэширование страниц

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

Минимизация файлов JS и CSS

Плагин минимизирует файлы JavaScript и CSS, делая их меньше и занимая меньше места на вашем сайте.Это сокращает общее время, необходимое для загрузки вашего сайта.

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

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

Этот параметр уже должен быть включен в W3 Total Cache, но если вы хотите проверить, он находится в разделе Performance> General Settings, в разделе Browser Cache.

Использовать отложенную загрузку

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

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

В W3 Total Cache вы можете управлять настройками отложенной загрузки, перейдя в Performance> User Experience. Вам потребуется премиум-аккаунт для W3 Total Cache, чтобы включить его.

Удалить строки запроса

Строка запроса — это запрос к веб-серверу для определенного ресурса, связанного с URL-адресом. Чем больше запросов содержит веб-страница, тем медленнее она будет загружаться.

Если вы видите «?» В URL-адресе, то это обычно будет строкой запроса.

По умолчанию этот параметр отключен. Чтобы включить его, перейдите в Performance> Browser Cache на боковой панели WordPress. Прокрутите вниз до Удалить строки запроса из статических ресурсов .

Как реализовать кэширование страниц в WordPress

Чтобы включить кеширование страниц в W3 Total Cache, перейдите к Performance > General Settings на боковой панели WordPress.

Прокрутите вниз до Page Cache и установите флажок, чтобы включить его.

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

5. Используйте CDN (специально для глобальной аудитории)

CDN (сеть доставки контента) — это сеть серверов, на которых размещен ваш сайт в разных местах по всему миру.

Это ускоряет загрузку вашего сайта для пользователей из разных городов. Например, если кто-то посетит ваш сайт из Лондона, CDN загрузит контент с сервера в Западной Европе или Великобритании.

Cloudflare — один из лучших поставщиков бесплатных CDN, и у нас есть пошаговое руководство по настройке учетной записи в Cloudlflare.Проверьте это!

6. Используйте последнюю версию PHP

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

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

Чтобы быстро проверить версию PHP, перейдите к Tools > Site Health на боковой панели WordPress.Затем щелкните вкладку Info .

Прокрутите вниз и найдите вкладку Server . Вы увидите свою версию PHP в списке.

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

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

Тонкая настройка WordPress для скорости

Вы уже выполнили описанные выше шаги? Ищете более продвинутые техники? Ознакомьтесь с советами ниже!

1: Используйте высокопроизводительный DNS (Cloudflare)

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

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

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

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

Чтобы ускорить работу DNS вашего сайта WordPress, мы рекомендуем использовать Cloudflare по двум причинам:

• Он занимает первое место в рейтинге DNSPerf, что означает, что это одна из самых быстрых служб DNS, которые вы найдете.
• Это 100% бесплатно.

Чтобы использовать DNS Cloudflare, вам необходимо зарегистрировать бесплатную учетную запись Cloudflare, а затем изменить серверы имен своего домена, чтобы они указывали на Cloudflare.Вы можете следовать этому руководству, чтобы заставить его работать:

Хотя Cloudflare предлагает другие функции, такие как CDN и правила безопасности, вы также можете просто отключить эти функции и использовать Cloudflare как автономный инструмент DNS .

2: Используйте оптимизированные плагины от разработчиков с хорошей репутацией

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

Это не правда. Использование большего количества плагинов не замедлит работу вашего сайта автоматически.

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

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

Мы уже рассмотрели один способ найти неоптимизированные плагины постфактум с помощью каскадного анализа.

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

• Используйте авторитетные источники — WordPress.org и CodeCanyon — хорошие варианты. Хотя подключаемый модуль, указанный в этих каталогах, не гарантирует , что он оптимизирован, он гарантирует, что он, по крайней мере, соответствует некоторым основным стандартам.
• Прочтите отзывы — В обзорах упоминается низкая производительность?
• Проверьте репутацию разработчика — Посмотрите, насколько быстро разработчик реагирует на запросы поддержки. Вы даже можете задать свой вопрос, чтобы узнать, какую помощь вы получите.

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

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

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

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

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

4. Добавьте заголовки Expire в статические ресурсы

Заголовки

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

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

5. Уменьшите количество внешних HTTPS-запросов

Чем больше внешних HTTPS-запросов делает ваш сайт, тем медленнее будет ваша производительность.Есть много разных способов уменьшить сумму, но наиболее распространены следующие:

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

6. Используйте брандмауэр уровня DNS

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

Некоторые веб-узлы предлагают сетевые брандмауэры или WAF (брандмауэры веб-приложений). Они могут быть одинаково эффективны для защиты вашего веб-сайта.

7. Поддерживайте свои сайты WordPress в актуальном состоянии

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

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

8. Не загружайте аудио / видео файлы напрямую в WordPress

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

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

Мы рассмотрим видео более подробно в разделе «Лучшие решения для видеохостинга.’

9. Отключить Font Awesome и Google Fonts

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

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

10. Отключить Hotlinking

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

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

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

Однако большинство подключаемых модулей безопасности имеют встроенную защиту от горячих ссылок, поэтому, если вы используете такой, как All In One WP Security & Firewall, вы можете предотвратить это.

11. Отключить пингбеки и трекбэки

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

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

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

12. Отключить автоматические обновления WordPress

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

Чтобы отключить автоматические обновления, перейдите в Плагины> Установленные плагины на боковой панели WordPress. Рядом с каждым плагином нажмите Отключить автоматические обновления.

13. Мобильный подход + AMP

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

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

14. Исправление ошибок HTTPS / SSL — ошибка смешанного содержимого

«Ошибка смешанного содержимого» возникает, когда вы загружаете содержимое, созданное как по протоколу HTTP, так и по протоколу HTTPS, на одну и ту же страницу своего веб-сайта.Это означает, что некоторые ресурсы вашей страницы защищены, а другие — нет.

Чтобы исправить это, найдите на своем сайте все ресурсы, которые ссылаются на HTTP, а не на HTTPS. Измените их на HTTPS.

Перейдите в Настройки> Общие и прокрутите вниз. Рядом с WordPress Address (URL) и Site Address (URL) убедитесь, что перед доменом стоит HTTPS, а не HTTP.

Наконец, вам нужно добавить перенаправление, чтобы все ссылки, указывающие на http , автоматически отправлялись на https .Вы можете сделать это вручную в файле .htaccess, но быстрее просто установить простой плагин, например WP Force SSL & HTTPS Redirect.

15. Используйте HTTP / 2

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

На некоторых хостах он уже настроен автоматически.

16. Ревизии предельной проводки

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

Для этого просто добавьте код в файл wp-config.php.

17. Ограничьте количество сообщений на странице блога

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

Для этого перейдите в Настройки> Чтение и рядом с Страницы блога показывают не более , введите желаемое количество сообщений.В общем, 10 сообщений — это хорошее количество для отображения на одной странице.

18. Используйте выдержки на домашней странице и в архивах

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

Чтобы включить выдержки на домашней странице и на страницах архива вашего блога, перейдите в «Настройки »> «Чтение » на боковой панели WordPress и выберите Excerpt рядом с . Для каждого сообщения в ленте включите.

19. Разделение длинных сообщений на страницы

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

Хотя вы можете сделать это вручную, фактически создавая сообщения в отдельных сообщениях WordPress (например, site.com/post-part-1 и site.com/post-part-2), вы также можете просто добавлять блок разрыва страницы через регулярные промежутки времени. в вашем контенте.

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

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

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

21. Отключить изображения Gravatar

изображений Gravatar отображаются рядом с именами пользователей, наиболее заметно в разделе «Об авторе» и в комментариях пользователей. Поскольку они хранятся в сети WordPress, а не на вашем собственном сайте, их нужно загружать отдельно.

Отключив Gravatars, вы сэкономите много трафика.

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

22. Используйте Gutenberg вместо других построителей страниц

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

Ускорьте WordPress сегодня

На этом мы подошли к концу нашего руководства по оптимизации скорости WordPress.

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

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

Будет ли ваш сайт работать быстрее, если вы покопаетесь в каскадном анализе и воспользуетесь Asset CleanUp для условной загрузки скриптов? Да, скорее всего.

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

• Оптимизируйте свои изображения с помощью Optimole или ShortPixel AI.
• Выберите высокопроизводительный хост WordPress, например SiteGround.
• Используйте легкую тему WordPress, такую ​​как Astra, и выберите оптимизированные плагины.
• Реализуйте кеширование страниц и другие настройки производительности с помощью WP Rocket.

У вас есть вопросы о том, как ускорить работу WordPress? Ознакомьтесь с новым курсом на SkillJet.Вы узнаете, как ускорить свой сайт.

Вы применили эти советы и добились значительного сокращения времени загрузки страницы вашего сайта?

Дайте нам знать в комментариях!

Служба оптимизации скорости

WordPress 󾀄 БЕСПЛАТНЫЙ аудит! Исправьте ваш медленный сайт СЕГОДНЯ!

У нас более 150 шагов в нашем процессе, поэтому нецелесообразно давать вам ограниченные подробности обо всем, что мы делаем.

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

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

В более широком смысле, вот что мы делаем:

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

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

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

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

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

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

Настройка Redis или Memcached Object Cache (где возможно)

Кэширование объектов — это тип кэширования базы данных, который ускоряет такие области, как серверная часть WordPress, проверка Woocommerce и вообще все, что в WordPress, в значительной степени зависит от ЦП или поиска в базе данных.Не все хосты поддерживают кэширование объектов, но по возможности мы установим Memcached или Redis и настроим кэширование объектов.

Настройка пограничного кэширования с использованием Cloudflare

Пограничное кэширование — это тип кэширования страниц, при котором сайт или страницы кэшируются на пограничных узлах CDN. Это значительно снижает нагрузку на ваш хостинг и в значительной степени исключает влияние географии на скорость вашего сайта. Мы настоятельно рекомендуем всем совместимым сайтам использовать службу Cloudflare APO Edge Caching.Это 5 долларов США в месяц (приобретается у Cloudflare), но оказывает значительное влияние на скорость сайта.

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

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

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

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

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

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

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

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

Настройка сети доставки контента (опционально, на базе Cloudflare)
Cloudflare.com — фантастический сервис, и мы рекомендуем его всем клиентам (даже бесплатный сервис даст вам значительный прирост скорости).

Cloudflare ускоряет ваш DNS-хостинг (что очень часто упускается из виду, когда речь идет о скорости), предоставляет сеть доставки контента и несколько других функций ускорения, которые не предлагает ни один другой провайдер или плагин.

Преобразование HTTPS, если вы еще не используете HTTPS (должно быть!)
Весь Интернет переходит на HTTPS, и это тоже хорошо. HTTPS гарантирует, что все данные, передаваемые между вашим сайтом и вашими посетителями, зашифрованы.

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

Помимо ускорения вашего сайта, Google заявил, что зашифрованные сайты, работающие по HTTPS, получат небольшое повышение рейтинга.

Обновление PHP7 (если совместимо)
PHP7 — это последняя версия PHP, которая в 2–3 раза быстрее, чем PHP5.X, которая, вероятно, работает на вашем веб-сайте (PHP6 не существует). Это означает, что время загрузки сокращается примерно на 0,5 секунды, что отлично подходит для снижения общей нагрузки за 1 секунду.

Каждая последующая версия PHP быстрее предыдущей, поэтому v7.1 на 10-20% быстрее, чем 7.0, v7.2 на 10-20% быстрее, чем 7.1, и т. Д., Поэтому запуск самой высокой версии PHP даст вам максимальную скорость возможная скорость.

Как ускорить работу вашего сайта WordPress (с помощью плагинов)

Теперь вы знакомы с тем, как ускорение вашего сайта WordPress может помочь вам во всех отношениях — давайте перейдем к действиям, которые вы можете предпринять! Прежде всего, посмотрите это видео, в котором мы объясняем , как ускорить работу вашего сайта за 7 простых шагов:

Проверка скорости вашего сайта WordPress

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

• Pingdom Tool от SolarWinds — тестирует скорость сайта из разных мест по всему миру, указывает, где необходимо внимание, и дает советы о том, как вы можете улучшить производительность страницы.
• GTMetrix от Carbon60 — дает глубокий анализ вашего сайта, включая статистику жизненно важных функций в Интернете и сводку содержания вашего сайта с разбивкой по размеру.
• Page Speed ​​Insights от разработчиков Google — еще более углубленный тест, который анализирует производительность вашего сайта как на мобильных устройствах, так и на компьютерах.

10 способов улучшить скорость вашего веб-сайта WordPress:

1. Выберите хороший веб-хостинг

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

• Cloudways — Управляемый облачный хостинг, который обеспечивает отличную производительность, быстрое время настройки, первоклассную поддержку и отличное время безотказной работы.
• Kinsta — Этот управляемый хостинг обеспечивает дополнительную безопасность, ежедневное резервное копирование и бесплатную миграцию, а также является одной из самых быстрых услуг хостинга.
• WPEngine — Управляемый хостинг, разработанный специально для WordPress. Вам не нужно устанавливать WordPress отдельно, так как он предустановлен на этом хостинге.

2. Выберите оптимальную тему WordPress

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

• Astra — одна из самых быстро загружаемых и легких многоцелевых тем WordPress.
• Начальная тема Visual Composer — супер простая тема, созданная с учетом SEO и адаптивности к различным устройствам.
• Kadence WP — минималистичная тема, которая позволяет пользователям создавать красивые и доступные сайты.

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

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

• WP Smush — лучший плагин для оптимизации изображений для WordPress, который включает в себя параметры сжатия, оптимизации и отложенной загрузки.
• Kraken.io — Этот плагин позволяет оптимизировать и изменять размер новых и существующих изображений WordPress, включая анимированные файлы GIF. Они также предлагают онлайн-инструмент.
• EWWW Image Optimizer — оптимизирует все существующие изображения и автоматически обрабатывает новые.

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

4. Используйте плагины кеширования

Кэширование может сделать ваш сайт WordPress в 2-5 раз быстрее! Кэширование создает статические копии ваших сообщений и предоставляет их вашим посетителям без отправки запроса на внешний сервер. Таким образом, ваши посетители получат быстрый опыт работы с вашим сайтом! Сделайте себе одолжение и выберите плагин, который порадует ваших посетителей:

• W3 Total Cache — Повышает производительность веб-сайта и сокращает время загрузки за счет использования таких функций, как сеть доставки контента (CDN), интеграция и другие передовые методы (надежный более 1000000 пользователей) .
• WP Rocket — сокращает время загрузки и повышает показатели Core Web Vitals, обеспечивая отличную производительность веб-сайта без необходимости кодирования.
• WP Super Cache — настраивает файлы кеша для каждого посетителя, в зависимости от того, посещали ли они ваш сайт раньше или нет, и может обслуживать один файл кеша тысячи раз.

Объедините плагины кэширования с брандмауэром веб-приложений (WAF) , например CloudFlare или Sucuri, для максимального повышения производительности. WAF фильтрует трафик и защищает ваш сервер, блокируя угрозы, которые могут повредить ваш сайт.

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

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

• MaxCDN (теперь — StackPath) — это надежная сеть доставки контента, которая ускорит улучшите ваш сайт и уменьшите нагрузку на сервер, включая кеширование и очистку.
• CloudFlare — ускоряет и защищает веб-сайты, API, сервисы SaaS и другие ресурсы, подключенные к Интернету.
• Sucuri — облачная платформа, которая защищает веб-сайты, исправляя взломы и предотвращая будущие атаки.

6. Очистите базу данных WordPress

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

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

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

7.Деактивировать трекбэки и пингбеки

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

1. Зайдите в панель администратора WordPress и найдите «Настройки»;
2. В раскрывающемся меню выберите «Обсуждение»;
3. Отсюда отключите «Разрешить уведомление о ссылках из других блогов (пингбэки и трекбэки) для новых сообщений»;
4. Сохранить изменения.

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

1. В панели администратора WordPress найдите «Сообщения»;
2. В раскрывающемся меню выберите «Все сообщения»;
3. Затем нажмите «Параметры экрана» в правом верхнем углу;
4. Введите «500» в поле «Количество элементов на странице, чтобы увидеть все ваши сообщения;
5. Выбрать все сообщения;
6. В разделе «Массовые действия» выберите «Изменить» и примените;
7. Теперь с правой стороны выберите «Ping» и выберите «Не разрешать»;

8.Нажмите «Обновить», чтобы завершить изменения.

8. Избегайте загрузки видео напрямую в WordPress

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

• YouTube. С более чем 2 миллиардами пользователей это, безусловно, самый популярный сервис видеохостинга для загрузки, конвертирования и хранения видео.
• Vimeo — этот сервис потокового видео создан в большей степени для творческих профессионалов и предприятий и имеет репутацию хостинга видео более высокого качества.
• DailyMotion — Эта видеоплатформа ограничена 60-минутными видеороликами и больше ориентирована на категории новостей, но абсолютно бесплатна, и любой может зарегистрироваться.

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

9. Рассмотрите возможность использования отложенной загрузки

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

• Наш собственный конструктор веб-сайтов Visual Composer — поставляется с дополнительными вариантами отложенной загрузки для элементов контента, чтобы эффективно повысить скорость вашего сайта.
• Optimole — опция отложенной загрузки этого плагина откладывает закадровые изображения и плавно изменяет их размер в контейнере без какого-либо сдвига содержимого.
• Lazy Load — Этот плагин уменьшает количество HTTP-запросов и предлагает заменить фреймы Youtube на миниатюру предварительного просмотра, чтобы еще больше ускорить время загрузки вашего веб-сайта.

10. Минимизируйте CSS, Javascript и HTML

Плохо написанный и перегруженный код может значительно замедлить работу вашего веб-сайта. Уменьшение кода сайтов и файлов сценариев значительно повышает скорость и доступность, что напрямую влияет на удобство работы пользователей.Хотя вы можете вручную минимизировать свои файлы CSS, JS и HTML, вы также можете автоматизировать этот процесс с помощью этих инструментов (и мы настоятельно рекомендуем вам это сделать) :

• CSSNano — принимает ваш отформатированный CSS, сжимает и оптимизирует его. , чтобы конечный результат был как можно меньше для производственной среды.
• UglifyJS — Уменьшает и «украшает» ваш JavaScript, оптимизируя AST (объект JS, содержащий представление вашего источника в виде дерева) в более мелкий.
• Minifier — работает, прогоняя вашу разметку через ряд регулярных выражений, написанных на PHP.

Другие факторы, влияющие на скорость

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

• Интернет-браузер — Это может повлиять на скорость загрузки сайта, но зависит исключительно от предпочтений пользователя.Vivaldi и Opera — самые быстрые интернет-браузеры. Но если смотреть чисто на графически интенсивные задачи, Chrome — самый быстрый. ⁴
• Подключение к Интернету — Этот фактор зависит от местоположения пользователя и интернет-провайдера. Так что выберите хорошего интернет-провайдера или место!
• Объем трафика — Высокая скорость трафика замедляет работу вашего сайта и даже может привести к его сбою, поскольку серверы не успевают за счетчиком запросов.