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

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

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

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

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

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

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

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

Существует два основных типа плагинов для 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 тегов по запросу. В результате, загрузка сайта не замедляется. Реализация может оказаться довольно сложной и поэтому, автор статьи не стал рассматривать ее здесь. Если вам интересно, то пишите об этом в комментариях к оригиналу статьи, и вам составят детальное пошаговое руководство по реализации на вашем сайте.

Заключение

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

Как ускорить сайт в WordPress | REG.RU

Современные сайты должны быть не только стильными, лаконичными и понятными, но и быстрыми. Если ваш веб-ресурс отстаёт хотя бы по одному из этих критериев — это отразится на лояльности посетителей и в конечном счёте на выручке. В статье расскажем, как ускорить сайт, созданный на 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-агентства, которые предлагают технические аудиты скорости загрузки.

Попробуйте комплексное решение для создания сайта прямо сейчас!

2 раза уже
помогла

Как ускорить загрузку сайта на WP? | UAATEAM — Blog

Sergey Perederiy

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

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

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

ТОП плагинов для WP для настройки кеширования:

Если нет желания или возможности «возится» с плагинами для кеширования, то можно для ускорения сайта на WordPress, подключить кеширование в ручную через файл .htaccess. Пример кода ниже на скриншоте.

Оптимизировать код сайта. Сократить лишние CSS и JS

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

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

Также не стоит сразу подключать все библиотеки в файлах JS и использовать из них 1-2, подключите только то что необходимо.

          Важно! Настроить асинхронную загрузку JS скриптов и по возможности сделать отсроченную загрузку JS сторонних сервисов web-аналитики.

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

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

Оптимизировать текущие картинки можно с помощью:

Также можно подключить плагины для оптимизации изображений на WordPress:

А еще можно получить ссылку на оптимизированные картинки в инструменте Google Speed Test.

За частую по запросу пользователя браузер отдает ему не сжатый HTML код сайта, и загрузка не оптимизированной структуры страницы занимает значительно больше времени. Для повышения скорости загрузки сайта сделанного на Worpress можно использовать плагин W3 Total Cache.

Также оптимизацию структуры HTML,кода можно сделать с помощью файла .htaccess. Для этого можно использовать следующие плагины:

Проверить результаты можно на сайте http://checkgzipcompression.com/

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

Для оптимизации БД можно подключить плагины:

Подключить CDN сеть доставки контента

Для того чтобы пользователи имели более или менее одинаковую скорость загрузки, не зависимо от страны, в которой находятся, необходимо подключить CDN (content delivery network) — это рассредоточенные по всему миру серверы, которые быстро передают статический контент локально расположенным пользователям.

И как обычно готовый плагин для WordPress — W3 Total Cache.

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

Сделать это можно с помощью правок в «конфигах» — wp-config.php. Нужно внести следующую строчку кода define( ‘WP_POST_REVISIONS’, 5 ) — это ограничение до 5 копий. Если необходимо отключить копии в БД, то вносим следующую строчку кода — define( ‘WP_POST_REVISIONS’, false ).

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

Несмотря на то, что поисковые системы Google и Яндекс любят User Generated Content —  большое количество отзывов на одной странице могут повлиять на скорость загрузки сайта сделанного на CMS WordPress. Рекомендуется разбивать комментарии наставницы пагинации. Сделать это можно в настройках WP.

Итак, основные моменты по оптимизации скорости загрузки сайта на wordpress:

1. Выбор хостинга для сайта
2. Кеширование контента
3. Оптимизировать код сайта. Сократить лишние CSS и JS
4. Оптимизация изображения для увеличения скорости загрузки WP сайта
5. Оптимизация структуры HTML кода WP сайта и подключение сжатия Gzip
6. Подключить CDN сеть доставки контента
7. Снизить количество копий постов отображаемых в контенте сайта
8. Оптимизация страниц с комментариями и отзывам

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

1. Менять периодически хостинг, провайдеров;
2. Не загружать видеоконтент напрямую с сайта используйте iframeи подтягивайте видео с сайтов видеохостингов;
3. Исключите лишние редиректы и уберите страницы с ответом сервера 302 и 302 из перелинковки;
4. Удалите все не используем плагины;

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

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

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

Ниже я привожу отчет о скорости загрузки моей страницы на мобильном устройстве с PageSpeed Insights.

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

А вот отчет по той же странице, но всего через 20 минут оптимизации скорости загрузки:

И остальные страницы в Site Audit:

Разница налицо. Результат в отчете PageSpeed Insights почти идеален. Все страницы грузятся довольно быстро.

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

1. Избавьтесь от неиспользуемых плагинов
2. Переключитесь на DNS-сервис Cloudflare
3. Установите плагин кэширования
4. Минифицируйте код
5. Объедините файлы CSS и JavaScript
6. Устраните ресурсы, блокирующие отображение
7. Используйте отложенную загрузку изображений и видео
8. Оптимизируйте шрифты Google
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. Нажмите Add a site (Добавить сайт), введите свое доменное имя и нажмите кнопку.

Выберите бесплатный план и нажмите Confirm plan (Подтвердить выбор плана).

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, объединение файлов вряд ли существенно изменит ситуацию, поскольку файлы и так загружаются одновременно.

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

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

Для этого установите в настройках плагина WPRocket флажки Combine JavaScript files (Объединить файлы JavaScript) и Combine CSS files (Объединить файлы CSS).

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

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

Отображение – это процесс преобразования кода в видимую веб-страницу.

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

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

Сделать это можно, отложив загрузку некритических файлов CSS и JavaScript, необходимых для отображения контента ниже области, видимой без прокрутки. В WPRocket установите флажки Load JavaScript deferred (Отложить загрузку JavaScript) и Optimize CSS delivery (Оптимизировать отправку CSS).

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

В настройках Autoptimize установите флажок Inline and Defer CSS (Встроить и отложить загрузку CSS). После этого в настройках Async JavaScript нажмите Enable Async JavaScript (Включить Async JavaScript).

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

Шаг 7. Используйте отложенную загрузку изображений и видео

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

Если используется плагин WPRocket, решить эту проблему можно, установив флажок Enable for iframes and videos (Разрешить для встроенных фреймов и видео) в настройках отложенной загрузки.

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

Шаг 8. Оптимизируйте шрифты Google

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

Плагин WPRocket автоматически оптимизирует запросы шрифтов Google. Неплохим вариантом также является плагин Swap Google Fonts Display.

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

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

Допустим, ваш код имеет следующий вид:

<html> 
<head> 
<script type=”text/javascript” src=”somefile.js”></script>
<link rel=”stylesheet” href=”/style.css”>
</head>
<body>
Content
</body>
</html> 

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

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

<link rel="preload" href="/style.css" as="style">

Браузер получит указание в первую очередь загружать файл CSS, а уже после – файл JavaScript независимо от иерархии.

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

Шаг 10. Используйте CDN

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

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

Существует множество CNS-провайдеров. Все, что требуется, – выбрать одного из них, подключить в WPRocket и ввести CNAME.

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

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

Чтобы решить эту проблему, обеспечьте сжатие изображений при помощи плагина, например Shortpixel. Просто установите и включите плагин, перейдите к настройкам, введите API-ключ, нажмите Save and Go to Bulk Process (Сохранить и перейти к групповому процессу), а затем нажмите Restart optimizing (Перезапуск оптимизации).

Если качество изображений слишком низкое, откройте настройки и измените тип сжатия на Glossy (Лучшее качество) или Lossless (Без потери качества).

Результаты

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

Можете ознакомиться с отчетами PageSpeed Insights для моего поста до и после оптимизации:

А это – данные GTMetrix:

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

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

Заключение

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

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

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

В руководстве пропущены важные моменты? Сообщите мне об этом в Twitter.

Перевела Кирик Наталья, владелец контент агентства WordFactory.ua

20+ способов как ускорить загрузку сайта на WordPress в 2019 году

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

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

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

Готовы? Тогда начнем.

1. Удалите или отключите ненужные плагины

Лишние плагины и приложения могут СУЩЕСТВЕННО замедлить работу сайта, особенно если он реализован на таких платформах, как WordPress, Joomla или Drupal.

Так, согласно данным одного исследования, плагины могут увеличивать время загрузки сайта на целых 86%! То есть, сайт, на загрузку которого требовалось 4,23 секунды, после удаления ненужных плагинов сможет загружаться всего за 1,33 секунды.

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

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

Если ваш ресурс создан на WordPress установите плагин P3 (Plugin Performance Profiler), отслеживающий производительность сайта.

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

2. Уберите или существенно сократите количество кнопок социальных сетей на сайте

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

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

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

3. Загружайте коды аналитики и рекламных сетей асинхронно

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

4. Используйте HTTP-заголовки Expires

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

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

5. Используйте кэширование

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

Использование кэширования существенно влияет на скорость работы сайта. Исследования показали, что при полном кэшировании время загрузки сайта может сократиться с 2,4 до 0,9 секунд – это отличный показатель!

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

6. Поменяйте веб-хостинг

Мы не собирались об этом говорить, но все же…

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

Хостинг-провайдер LandingHost.ru предлагает не дорогой веб-хостинг для ваших сайтов, наши тарифы:

Сравнить тарифы

Заказывая хостинг у нас, вы получаете:

1. Бесплатный конструктор сайтов
2. Бесплатный SSL сертификат с автоматической перегенерацией
3. Выбор версии PHP (Apache, LSAPI, CGI, FastCGI) с поддержкой файла .htaccess
4. Ежедневное полное резервное копирование сайта
5. Защита от DDoS-атаки
6. Поддержка протокола HTTP/2
7. Бесплатный почтовый клиент Roundcube
8. Shell-доступ
9. Безопасный SSH-протокол
10. И многое другое

7. Используйте тему оформления сайта с «чистым» кодом

Влияет ли тема оформления сайта на скорость его работы? Еще как! Просто поменяв тему, можно уменьшить скорость загрузки сайта в 3,6 раз! Таковы данные реального исследования, в ходе которого пользователю удалось сократить время загрузки сайта с 630 до 172 миллисекунд. При этом кроме темы оформления сайта, ничего не поменялось.

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

8. Установите на вашем сервере программу PageSpeed от Google

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

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

9. Оптимизируйте и уменьшайте размер картинок

Неоптимизированные изображения могут «весить» очень много, а значит, они будут задействовать большое количество ресурсов сервера и медленнее загружаться. Если средний размер картинок на вашем сайте составляет 1-2 МБ или более, вам предстоит серьезная работа. Существенно уменьшить размер изображений без потери качества можно с помощью следующих инструментов:

10. Используйте сжатие файлов с помощью gzip

Вероятно, вы уже пробовали сжимать файлы на своем компьютере и знаете, насколько меньше места они могут занимать. Например, файл размером 60 МБ можно «ужать» всего до 5 МБ. Сжатие с помощью программы gzip работает так же, только в отношении сайтов: файлы сайта сжимаются и автоматически упаковываются в zip-архив. В итоге освобождается место, и увеличивается скорость работы сайта.

Так, был зафиксирован случай, когда размер сайта сократился с 68 до 13 КБ – исключительно благодаря использованию gzip.

11. Регулярно оптимизируйте базу данных

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

12. Минифицируйте файлы JavaScript и CSS

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

Например с помощью плагина Autoptimize:

13. Объедините фоновые изображения в спрайты

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

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

14. Используйте HTTP Keep-Alive

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

15. Исправьте все нерабочие ссылки на сайте

Нерабочие ссылки в текстах сайта не влияют на скорость его работы, разве что расстраивают пользователей. А вот «битые» ссылки в адресах JavaScript, CSS и изображений способны сделать загрузку сайта раздражающе медленной. Просканируйте сайт на наличие нерабочих ссылок и исправьте их прежде, чем распугаете посетителей.

Например с помощью плагина Broken Link Checker:

16. Избегайте хотлинкинга изображений

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

Или воспользоваться плагином для WordPress, например:

17. Ограничьте количество внешних запросов

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

Отлично эту задачу решают серверы с HTTP/2

На серверах хостинг-провайдера LandingHost.ru по умолчанию включён протокол HTTP/2 для всех сайтов.

Не теряйте время на поиски лучшего хостинга для своего сайта! Вы его уже нашли!

18. Выбирайте надежную CMS

Система управления контентом – это каркас вашего сайта. Если вы используете простой шаблон HTML или такие популярные и надежные CMS, как WordPress, Drupal, Joomla, MODX и т.д. то беспокоиться не о чем. Однако, если вы предпочитаете менее известный или самостоятельно созданный движок, то рискуете столкнуться с проблемой медленно работающего сайта. Исследуйте этот вопрос, проведите соответствующие тесты, чтобы убедиться, что выбранная вами CMS будет работать быстро и надежно.

19. Используйте PHP-акселератор

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

20. Не допускайте хотлинкинга ваших изображений

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

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

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

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

Как ускорить сайт на WordPress: 6 неочевидных способов

WordPress – самый популярный движок сайта в мире. На этой CMS работает более 75-ти миллионов сайтов: блоги, информационные ресурсы, интернет-магазины. И всем им нужна скорость. Причём, чем быстрее будет загружаться ваш сайт – тем лучше.

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

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

У вас медленно грузится сайт, но есть отличный блог и User Friendly Interface? Жаль, клиент об этом никогда не узнает. Он закроет его раньше, чем увидит контент. А поисковые роботы после этого ещё и понизят страницу в выдаче. По данным Akamai, низкая скорость загрузки сайта способна испортить мнение о компании у 35% пользователей, а 22% посетителей не вернутся на страницу, которая работает некорректно. Скорость загрузки влияет и на индексацию новых страниц. Медленный сайт дольше отдает контент, а значит поисковые роботы тратят больше времени на обработку всех страниц. Как результат, новые страницы будут позже появляться в выдаче Google.

Плюс, с мая 2021 Google при ранжировании сайтов будет опираться на Core Web Vitals. В этот набор факторов входит три параметра, которые показывают скорость появления самого объемного элемента страницы, её интерактивность и стабильность работы. То есть поисковая система будет отображать в числовом выражении, насколько удобно пользователю работать с сайтом.

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

Здесь помогут специальные инструменты:

Давайте посмотрим на реальном примере, как выдаёт рекомендации по ускорению сайта Google PageSpeed, и какие параметры входят в Core Web Vitals. Вводим нужный URL на странице PageSpeed, нажимаем «‎Анализировать»‎ и выбираем результат для компьютеров. Самые важные показатели выводятся первыми:

• First Contentful Paint
• Largest Contentful Paint
• First Input Delay
• Cumulative Layout Shift

First Contentful Paint – скорость первого отклика. FCP показывает, через сколько секунд после клика на ссылку у пользователя на экране появляются первые признаки того, что сайт загружается. Если «‎признаки жизни» появились менее чем через секунду – это отличный показатель. Если на странице ничего не происходит спустя три секунды – это плохой знак. Скорее всего, пользователь уже закрыл вкладку.

Largest Contentful Paint – скорость загрузки основного контента. LCP показывает, как быстро пользователь увидит ключевую информацию на странице и сможет оценить, отвечает ли контент его запросу. Идеальный показатель – загрузка менее чем за 2,5 секунды. Если время загрузки страницы превышает четыре секунды, вы можете потерять потенциального покупателя.

First Input Delay — время отклика на действие клиента. FID показывает, с какой скоростью элементы страницы отвечают, когда по ним кликает посетитель. Значение менее ста миллисекунд говорит, что для пользователя переход на другую страницу или открытие картинки выглядит моментальным. Когда элемент реагирует на клик спустя триста и более миллисекунд, создается ощущение, что сайт подвисает.

Cumulative Layout Shift – показатель стабильности страницы. CLS измеряется в баллах и показывает, как часто пользователь может видеть смещение контента или полей на странице при её загрузке.

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

Последние три параметра – LCP, FID и CLS – это и есть основа Core Web Vitals. Помимо них в отчёте поданы значения параметров, которые имитируют загрузку страницы:

• First Contentful Paint
• Speed Index
• Largest Contentful Paint
• Time to Interactive
• Total Blocking Time
• Cumulative Layout Shift.

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

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

Стандартные способы ускорения сайта на WordPress

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

Серверное и браузерное кэширование

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

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

Популярные WordPress-плагины для кэширования:

Использование CDN

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

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

Оптимизация кода

Пробелами и комментариями в коде CSS и JavaScript можно пожертвовать, поскольку они несут мало пользы, но утяжеляют сайт. Уследить за появлением новых строк и лишних пробелов сложно. Автоматизировать процесс помогут плагины:

Также сайт будет загружаться быстрее, если размещать CSS-файлы в начале страницы, а JS-файлы – в конце. Тогда браузер начнет обрабатывать скрипты после того, как загрузит содержимое страницы.

Плагины оптимизации

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

Чтобы облегчить плагинам задачу и повлиять на финальный результат, используйте для фотографий формат JPEG, для иконок – SVG, иллюстраций ‎– PNG. Также приобретает популярность формат WebP, поскольку при аналогичном качестве он «‎легче», чем PNG и JPEG ‎— на 26% и 34% соответственно. Об этом говорят исследования, проведенные Google. 

Другие плагины, которые оптимизируют работу сайта, ‎– Clearfy, WP-Optimize, Easy&Fast Optimization. Они действуют по принципу CCleaner, удаляя дубли страниц и устаревшую информацию из баз данных.

Более мощное железо

Низкая производительность сайта не всегда связана с его оптимизацией. Интернет-магазин или блог могут работать медленнее, потому что хостинг не удовлетворяет их потребности в CPU или оперативной памяти. Если вы избавились от лишних плагинов и ненужных запросов в базе данных и не получили желаемый результат, есть смысл перейти на более высокий тарифный план или на другой вид хостинга. Компания HOSTiQ предлагает виртуальный, облачный, VPS и shared хостинг под различные цели.

Способы ускорения сайта, про которые обычно забывают

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

Снизить количество версий постов

WordPress сохраняет все версии постов и черновиков, которые вы создаёте. Это полезная функция, но вряд ли вам понадобится история публикаций с начала времен.

Ограничьте количество версий 3-5 штуками ‎– в зависимости от частоты обновлений и возможных потребностей. Сделать это можно через файл wp-config.php. Пропишите в нём строку: define( ‘WP_POST_REVISIONS’, 7 ). Где 7 ‎– это количество версий постов.

Если хранить версии вам не нужно, отключите эту функцию с помощью параметра false: define( ‘WP_POST_REVISIONS’, false ).

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

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

• слева в панели управления выберите меню «‎‎Настройки»;
• в настройках нажмите «‎‎Обсуждение» — «Другие настройки комментариев»;
• поставьте галочку в графе «‎Разбивать комментарии верхнего уровня на страницы» и впишите, сколько комментариев хотите видеть на одной странице.

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

Настроить защиту от хотлинкинга

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

Один из способов защититься от хотлинкинга – настроить правила в CDN. Второй способ ‎– использовать плагины для WP:

Запретить индексацию для нежелательных ботов

Попасть в индекс поисковой системы ‎— заветная цель любого сайта. Но чем больше страниц нужно обработать поисковым роботам, тем большую нагрузку они создают на сервере. Чтобы не выпасть из выдачи нужной вам системы и при этом не перегружать сайт, запретите индексацию ненужным сайтам. Например, вы хотите, чтобы ваш сайт попал в выдачу Google, при этом вам ни к чему запросы от Yahoo. Тогда в файле robots.txt либо .htaccess нужно запретить индексацию для нежелательных ботов.

Если сайт находится в разработке или на редизайне, и вам вовсе не нужно, чтобы его индексировали, сделайте его «‎невидимым». Выберите в настройках пункт «‎Чтение» – «‎Видимость для поисковых систем» и поставьте галочку в графе «Попросить поисковые системы не индексировать сайт». Так вы закроете сайт от всех поисковых роботов.

Использовать свежую версию РНР

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

Перейти на HTTP/2

HTTP/2 протокол построен в бинарном, а не текстовом формате, и создает меньшую нагрузку на канал при передаче файлов. Благодаря этому сайт, работающий по протоколу HTTP/2, быстрее, чем сайт на HTTP/1.

Стоит учесть, что HTTP/2 подходит для сайтов с SSL/TLS и не годится для ресурсов, где идёт работа с большими файлами, видео- и аудиопотоками. Кроме того, использование HTTP/2 будет тормозить загрузку сайта через мобильный интернет.

Как ускорить работу сайта на WordPress с помощью Hummingbird

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

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

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

Важность быстрого сайта

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

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

Факторы, заставляющие сайт работать быстро

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

Множество факторов может повлиять на скорость сайта в WordPress. Некоторые из наиболее важных:

• Ваш веб-хост. Крайне важно тщательно выбирать и использовать хостера, который серьезно относится к безопасности и оптимизации скорости.
• Объем памяти. Память сайта играет определенную роль в скорости, которую она может достичь. Чем больше ресурсов памяти и других ресурсов доступно, тем меньше вероятность того, что ваш сайт будет перегружен (особенно когда вы сталкиваетесь с высокими уровнями трафика).
• Тема вашего сайта. Скорость вашего сайта также может быть ограничена его темой. Чем «более тяжелая» тема или избыточный код, тем медленнее, скорее всего, она будет работать. При создании или обновлении вашего сайта подберите тему, оптимизированную для производительности.
• Плагины на сайте. Существует общий миф, что просто наличие большого количества плагинов на вашем сайте вынуждает его работать медленно. Это не обязательно так. Тем не менее, плохо кодированные плагины или те, которые содержат много функций, могут нанести ущерб времени загрузки.

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

Смотри также:

Тестирование и сравнение нескольких плагинов для кэширования WordPress тут.

4 способа улучшить сайт с помощью плагина Hummingbird

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

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

1. Кэширование

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

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

Плагин Hummingbird предоставляет различные типы кеширования:

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

2. Сжатие GZIP

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

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

С плагином Hummingbird достаточно перейти к Hummingbird » GZIP Compression, чтобы включить три разных типа сжатия:

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

3. Минимизация

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

В Hummingbird можно получить доступ к механизму минимизации через вкладку «Оптимизация активов» в WordPress:

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

4. Сканирование производительности

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

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

Источник: wpexplorer.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Полный вручную подобранный список лучших плагинов WordPress на 2021 год

Чтобы помочь вам сэкономить время, мы сократили эти десятки тысяч плагинов в список из 71 лучших плагинов WordPress для самых разных целей. 71 все еще может быть много, но это лучше, чем 54000! От плагинов для SEO до плагинов для управления проектами — вы скоро откроете для себя лучшие плагины WordPress для всего!

Лучшие плагины для SEO для WordPress

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

Yoast SEO

Yoast SEO — это плагин для SEO, который мы официально рекомендуем, а также плагин, который мы используем в блоге Kinsta. Он предлагает удобный для новичков способ позаботиться о большей части внутреннего SEO вашего блога, в том числе:

• Мастер простой настройки для настройки SEO для всего сайта
• Инструмент анализа, который поможет вам оптимизировать отдельные страницы
• Инструмент создания XML-карты сайта
• Поддержка Open Graph (это позволяет вам контролировать внешний вид вашего контента в социальных сетях)
• Множество других мелких настроек

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

Структура SEO

SEO Framework — это более легкий подход к поисковой оптимизации WordPress. Он не так удобен для новичков и не предлагает функций анализа, как Yoast SEO. Но он отлично справляется со всеми важными аспектами SEO на странице вашего сайта, сохраняя при этом легкий вес.

SEOПресс

SEOPress — это легкий бесплатный плагин WordPress для SEO с хорошим набором функций, например:

Поставляется с двумя разными ценами: бесплатно и Pro (39 долларов в год), оба для неограниченного количества сайтов.

WordLift

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

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

WordLift относятся:

• Автоматическая разметка схемы
• Все типы Schema.org
• Виджеты рекомендаций по содержанию
• Расширенные сниппеты
• WooCommerce SEO
• Автоматическое суммирование
• Изображение SEO
• Пользовательские графы знаний
• Обучение и учебные пособия по SEO

Математика рангов SEO

Rank Math SEO — еще один интересный плагин для WordPress SEO, быстро набирающий популярность в отрасли.Легко работать и в то же время мощно, если вы решите настроить определенные параметры.

Вот некоторые из наиболее примечательных функций Rank Math:

• Отслеживание рейтинга ключевых слов Google.
• 15+ типов разметки схемы.
• WooCommerce и SEO изображений.
• Поддержка карт сайта ACF, AMP, bbPress, BuddyPress и XML.
• Журнал ошибок 404 и встроенный модуль перенаправления.

Лучшие плагины безопасности WordPress

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

Sucuri Security

Sucuri Security — это бесплатный плагин, который предлагает комплексный подход к безопасности WordPress.

В бесплатной версии предлагает:

• Мониторинг целостности файлов для отслеживания изменений файлов
• Удаленное сканирование вредоносных программ
• Мониторинг черного списка
• Аудит охранной деятельности
• Уведомления системы безопасности

А с платным планом вы также можете добавить брандмауэр веб-сайта.

Примечание: Kinsta не поддерживает конфигурации Sucuri. Все сайты на Kinsta защищены нашей бесплатной интеграцией Cloudflare, которая включает в себя безопасный брандмауэр со встроенной защитой от DDoS-атак.

Протокол аудита безопасности WP

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

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

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

Google Authenticator

Google Authenticator помогает заблокировать страницу входа с помощью двухфакторной аутентификации . Приходилось ли вам когда-нибудь вводить код, отправленный вам в текстовом сообщении, для входа в свой банк? Это вроде как — но для WordPress!

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

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

WPS Скрыть логин

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

Например, вы можете ввести « yoursite.com/secret-login-page ».

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

Лучшие плагины для повышения производительности WordPress

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

Ракета WP

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

Помимо кеширования страниц, WP Rocket также может вам помочь:

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

Перф. Мат.

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

В дополнение к тому, что вы можете легко отключить такие вещи, как:

• WordPress Heartbeat API
• Редакции сообщений
• Emojis
• Встроить
• Приборы
• и т. Д.

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

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

Монитор запросов

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

Но если у вас есть техническая смекалка, Query Monitor позволит вам увидеть:

• Все запросы к базе данных, выполненные по текущему запросу
• Медленные запросы
• Повторяющиеся запросы
• Запросы с ошибками

И вы также можете фильтровать по типу запроса, компоненту и вызывающей функции.

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

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

Лучшие плагины для создания страниц WordPress

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

Элементор

Хотя он был выпущен только в 2016 году, Elementor быстро поднялся в рейтинге и теперь является одним из самых популярных конструкторов страниц с более чем одним.По данным WordPress.org, 2 миллиона активных установок.

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

And Elementor Pro — платная версия — позволяет создавать всю тему WordPress, используя тот же интерфейс перетаскивания.

Строитель бобров

Beaver Builder — еще одно громкое имя в мире конструкторов страниц WordPress. Он использует тот же конструктор перетаскивания стиля при предварительном просмотре вашего сайта.

Бесплатная версия не такая щедрая, как Elementor, но версия Pro предлагает глубокую функциональность, и вы также можете добавить создание тем с помощью перетаскивания с помощью расширения Beaver Themer.

Visual Composer Конструктор сайтов

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

Изюминкой Visual Composer является облачная библиотека элементов, шаблонов, надстроек и обширных возможностей дизайна, называемая Visual Composer Hub. Кроме того, он предлагает API для разработки надстроек и интеграции тем.

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

Социальная война

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

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

• Поделиться изображениями для Pinterest
• Множество вариантов настройки
• Нажмите, чтобы твитнуть

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

Кнопки Easy Social Share

Easy Social Share Buttons — это плагин премиум-класса для социальных сетей с поразительно длинным списком функций. Это также плагин, который мы используем в блоге Kinsta — поэтому все кнопки публикации в социальных сетях, которые вы видите в блоге Kinsta, происходят из этого плагина.

В дополнение к добавлению стильных кнопок и счетчиков публикаций в различных стилях, Easy Social Share Buttons также может помочь вам:

• Настроить общий доступ к контенту
• Отображать сообщение после того, как пользователь поделится вашим контентом
• Покажите количество подписчиков
• A / B проверьте свои кнопки публикации

И это даже может помочь вам добавить поле выбора электронной почты и использовать чат через Facebook Messenger или Skype.

Лента Instagram

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

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

Если вы хотите, чтобы контент Instagram был частью вашего сайта, это отличный плагин для использования — 5-звездочный рейтинг по более чем 1750 отзывам — хорошее тому доказательство!

Лучшие плагины для фотогалереи WordPress

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

Modula

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

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

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

Галерея Энвира

Как и Modula, Envira Gallery доступна как в бесплатной, так и в премиальной версии. Бесплатная версия подходит для базовых галерей, но этот плагин наиболее примечателен расширенной функциональностью , доступной в его версии Pro.

Вот некоторые из самых мощных возможностей премиум-версии:

• Интеграция с WooCommerce, позволяющая продавать фотографии
• Автоматические водяные знаки
• Синхронизировать галерею с коллекциями Adobe Lightroom
• Защита паролем
• Защита загрузок для защиты ваших изображений
• Проверка клиента (отлично подходит для фотографов)
• Участки еще

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

Гравитационные формы

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

Некоторые из функций, которые он может выполнять, включают:

• Многостраничные формы с условной логикой
• Загрузка файлов
• Обзоры
• Платежи
• Регистрация пользователя

Gravity Forms стоит от 59 долларов, но это не включает в себя все перечисленные выше функции.

Формы ниндзя

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

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

• Условная логика и многостраничные формы
• Фронтальная проводка
• Платежи
• Интеграция электронного маркетинга
• Многое другое

Конструктор контактных форм для WordPress

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

Плагин позволяет соединить HubSpot CRM с WordPress, чтобы вы могли легко организовывать и сегментировать свои контакты в списки. Некоторые дополнительные функции включают:

• Четыре типа перетаскиваемых форм
• Неограниченное количество полей и представлений (без ограничений)
• Совместимость с плагинами, такими как Ninja Forms и Gravity Forms
• Встроенная аналитика для анализа ваших лучших страниц
• Виджет живого чата
• Единая простая база данных для управления контактами

Лучшие плагины для электронной коммерции WordPress

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

Woocommerce

WooCommerce — это не просто популярный плагин WordPress для электронной коммерции, это самый популярный способ создания магазина электронной коммерции. Период. На нем работает ~ 42% всех интернет-магазинов электронной коммерции.

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

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

Чтобы начать работу с WooCommerce, ознакомьтесь с нашим обширным руководством по WooCommerce.

Easy Digital Загрузок

Как следует из названия, Easy Digital Downloads (EDD) помогает вам продавать цифровые продукты. Это отличный вариант, если вы продаете такие товары, как:

• Цифровые фотографии
• Музыкальные файлы
• Программные продукты (многие разработчики WordPress продают плагины и темы через EDD)

В основном — все, что вы доставляете через Интернет!

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

Лучшие плагины для сжатия изображений WordPress

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

Представьте

Imagify — это простой в использовании плагин сжатия изображений от тех же разработчиков, что и WP Rocket. Он может помочь вам вручную или автоматически:

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

Imagify бесплатно предоставляет до 25 МБ изображений в месяц (~ 250 изображений).После этого платные планы начинаются с 4,99 доллара США за 1 ГБ данных в месяц. Вы также можете приобрести одноразовые планы, которые пригодятся, если вам нужно массово оптимизировать существующую библиотеку мультимедиа.

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

Smush Image Compression and Optimization — популярный плагин, который помогает вам автоматически или вручную:

• Сжать изображения
• Изменить размер изображения

Это очень похоже на Imagify, но здесь оно отличается:

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

• Вы можете использовать сжатие без потерь только в бесплатной версии
• Максимальный размер файла 1 МБ

Если вы хотите снять эти ограничения, вы можете получить Pro-версию Smush как часть членства WPMU DEV.

Служба оптимизации изображений Optimole

Optimole — это универсальный облачный оптимизатор изображений. Благодаря простому в использовании пользовательскому интерфейсу Optimole можно настроить для работы с WordPress и Elementor за секунды. Особенности следующие:

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

Optimole начинается с полностью функционирующей бесплатной учетной записи с 1 ГБ оптимизации и 5 ГБ полосы пропускания для просмотра, обслуживаемых через CDN. Платные планы начинаются с 10 ГБ и 50 ГБ с AWS Cloudfront и более чем в 130 филиалах по всему миру.

Лучшие плагины для WordPress CRM

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

Нулевой BS CRM

Zero BS CRM гордится своей «серьезностью», отсюда и название. Все дело в простоте и практичности — дает вам всю информацию, необходимую для понимания ваших клиентов, и ничего из того, что просто мешает.

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

Ознакомьтесь с нашим обзором Zero BS CRM, если хотите узнать больше.

WP ERP

WP ERP — это HRM, CRM и бухгалтерское решение для WordPress. Это много аббревиатур, поэтому давайте разберемся:

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

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

Лучшие плагины для WordPress LMS

В последние годы электронные курсы превратились в индустрию, в которой множество талантливых преподавателей продают курсы…у чего угодно! Плагины LMS — сокращение от Learning Management System — могут помочь вам создавать и монетизировать собственные курсы через WordPress.

LearnDash

LearnDash — популярный плагин LMS, используемый как крупными университетами, такими как Мичиганский университет, так и небольшими цифровыми организациями, такими как WP Elevation и Pro Blogger.

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

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

LifterLMS

LifterLMS — еще один качественный плагин WordPress LMS, который вы можете использовать для создания курсов. Это особенно популярно на сайтах WordPress. Например, он используется как WP101, так и Divi Academy.

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

• Социальное обучение
• Продвинутые тесты
• Задания
• Платежные шлюзы
• и т. Д.

Лучшие плагины для каталогов WordPress

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

Подключаемый модуль Business Directory

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

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

GeoDirectory

GeoDirectory — это еще один плагин бизнес-каталога, который помогает создавать веб-сайты, похожие на Yelp или TripAdvisor. Он рассчитан на масштабирование — даже до миллионов объявлений.А с помощью его основных функций и расширений премиум-класса вы можете добавить такие глубокие функции, как:

• Обзоры
• Требуемые листинги
• Премиум объявления
• Каталоги с несколькими местоположениями
• Карты-просмотр
• События

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

Лучшие плагины для форумов WordPress

Хотите создать доску обсуждений на своем сайте WordPress? Тогда вам понадобится один из этих плагинов для форумов!

bbPress

Первоначально был запущен в 2004 году как решение для WordPress.org, bbPress — типичный плагин для форумов WordPress. Фактически, даже сегодня он все еще используется на форумах поддержки WordPress.org, так что это примерно такая же хорошая демонстрация, как и вы!

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

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

BuddyPress

BuddyPress — еще один плагин с поддержкой Automattic, который может помочь вам добавить форум в WordPress. В отличие от bbPress, он ориентирован не только на форумы — он фактически создан для того, чтобы помочь вам создать целые онлайн-сообщества.

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

Лучшие плагины для пожертвований WordPress

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

Дайте

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

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

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

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

• Периодические пожертвования
• Другие платежные шлюзы
• PDF квитанции об уплате налогов
• Участки еще

Благотворительный

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

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

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

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

• Периодические пожертвования
• Одноранговые кампании по сбору средств
• Другие платежные шлюзы
• Многое другое

Лучшие плагины для WordPress

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

Estatik

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

Другие полезные функции включают поиск с автозаполнением AJAX, просмотр карты, поддержку различных агентов и многое другое.

Недвижимость Pro

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

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

Лучшие плагины для членства в WordPress

  все-в-одном-wp-migration
разрешить-php-выполнить
резервный приятель
резервное копирование
лучше-wordpress-minify
кэш-активатор
codistoconnect
динамические виджеты
eww-image-optimizer
exec-php
неактивный пользователь-удалитель
jch-optimize
litespeed-cache
стена входа в систему
p3
p3-профилировщик
лягушка
rvg-optimize-база данных
снимок
восходящий поток
updraftplus
wonderm00ns-simple-facebook-open-graph-tags
wordpress-gzip-сжатие
WordPress-популярные-сообщения
Wordpress-RSS-мульти-импортер
WP-DB-резервное копирование
wp-db-backup-made
wp-optimize
  

 
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
  

  #
# свяжите .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
  

 
Набор заголовков Поддерживает активность соединения