Wordpress

Ускорить сайт на wordpress: 10 способов как ускорить сайт на WordPress

11.06.2021

Содержание

Как ускорить сайт на WordPress, чтобы получить 100/100 в Google PageSpeed Insights

Редактор SEOnews

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

Западный SEO-консультант Ник Лерой (Nick Leroy) рассказал, что много внимания уделял скорости загрузки сайтов своих клиентов, а его собственный сайт на WordPress был довольно медленный. Чтобы не быть сапожником без сапог, он решил начать работу по ускорению ресурса. В итоге он сумел добиться максимальной скорости загрузки 100 в Google Page Speed Insights для десктопной версии сайта NickLeRoy.com. Мобильную версию удалось ускорить до 89.

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

Операция «Ускорить WordPress»

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

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

  • хостинг,
  • тема,
  • плагины,
  • изображения,
  • ресурсы.

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

Проблема: хостинг и TTFB

Первое, что бросалось в глаза при поверхностном анализе — большое время до получения первого байта после отправки запроса со стороны клиента (Time To First Byte или TTFB) для всех страниц сайта: от 1,5 до 2 секунд. И это было просто время, которое необходимо для первоначального соединения со страницей без ее загрузки.

Помимо этого были и другие проблемы, связанные с хостингом: отсутствие HTTP/2 setup/configured (проблему можно было бы исправить, используя CDN), отсутствие кеширования и т.п. Общий хостинг на Hostgator не способствовал достижению цели увеличения скорости загрузки сайта.

Решение: смена хостинг-провайдера

В качестве альтернативы существующему хостингу были выбраны два провайдера: FlyWheel и Kinsta. Оба провайдера:

  • предлагали услуги хостинга специально для WordPress-сайтов,
  • относительно доступны по цене ($25-30 в месяц),
  • предлагали решения для кеширования на сервере,
  • имели встроенную технологию CDN,
  • предлагали бесплатный SSL-сертификат (и протокол HTTP/2).

В итоге было решено остановиться на хостинге FlyWheel. Этот провайдер был немного дешевле и предоставлял локальные решения для разработки новых сайтов на WordPress.

После некоторых раздумий Ник Лерой решил создать новый сайт NickLeRoy.com. И вот, почему.

Проблема: оптимизация тем, плагинов, изображений, ресурсов

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

Тема WordPress

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

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

Плагины

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

Изображения

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

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

Ресурсы

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

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

Решение: создание нового сайта

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

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

  • чистая установка WordPress на Local by Flywheel с чистой базой данных и кодом,
  • установка облегченной темы,
  • установка конструктора страниц Elementor, чтобы сайт выглядел так же, как изначально, но загружался быстрее,
  • перестройка всего сайта,
  • оптимизация изображений с помощью imageOptim. Для этого все картинки были загружены в папку wp-content/uploads, пропущены через сервис imageOptim, и выложены обратно на сайт. Суммарное сжатие составило около 90% по сравнению с исходным размером файлов,
  • установка Autoptimize и Async Javascript, что позволило объединить JS и CSS и уменьшить / удалить блокировку рендеринга.

После реализации описанных выше действий сайт был перемещен из локальной среды разработки в промежуточную. Затем специалисты настроили SSL и HTTP/2 и после тестирования обновили DNS.

Результаты

Скорость загрузки страниц в Google Page Speed оценивалась с помощью сервиса SanityCheck.io. На скриншоте видно, как после внесения всех изменений улучшились показатели для мобильной версии сайта (синяя линия) и для десктопной (черная линия).

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

  • отказаться от Google Fonts и полностью перейти на системные шрифты или загрузить Google Fonts на сервер,
  • удалить из верхней части страницы код CSS и Inline,
  • оптимизировать файлы JS / CSS,
  • установить стороннюю CDN (например, CloudFlare) или использовать сторонний сервис для оптимизации изображений, например, в формате WebP,
  • улучшить кеширование для ресурсов.

Заключение

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

Источник: NickLeRoy

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

Результат


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

12 способов как ускорить сайт на WordPress

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

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

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

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

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

CDN

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

Кэширование

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

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

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

Сжатие изображений

Помимо того, что большие файлы изображений значительно замедляют сайт на WordPress, они еще сильно забивают пропускную способность сети. Изображения это отличный подопытный для оптимизации. Используйте WPMU DEV WordPress Smush API, плагин WP SmushIt поможет уменьшить размер изображений без потери качества. Я сам пользуюсь этим плагином и считаю удивительным то, насколько он снижает размер изображений.

Сжатие сайта

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

Плагин W3 Total Cache крайне популярен для кэширования, но с его помощь можно также сжимать сайты. Воспользоваться данной функцией можно, перейдя: admin page -> Performance -> Browser Cache -> Enable HTTP (gzip) Compression.

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

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

Бесплатный курс «Основы создания тем WordPress»

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

Скачать курс

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

Выбор правильных плагинов

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

Отключение пингбеков и трекбеков

По умолчанию, когда другой сайт упоминает о вас, ваш сайт получает об этом уведомление. Такие уведомления называются пингбеки и трекбеки. Их можно отключить: admin page -> settings -> discussion снимите две верхние галочки, как на скриншоте ниже.

Отключение данной функции не навредит вашему сайту.

Выбор правильной темы или темы-фреймворка

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

Оптимизация структуры домашней страницы

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

Включение Keep-Alive

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

Header set Connection keep-alive

Header set Connection keep-alive

Заключение

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

Автор: Doyin Faith Kasumu

Источник: //www.sitepoint.com/

Редакция: Команда webformyself.

Бесплатный курс «Основы создания тем WordPress»

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

Скачать курс

PSD to HTML

Верстка сайта на HTML5 и CSS3 с нуля

Смотреть

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

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

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

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

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

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

Плагины WordPress — это специальные дополнения для вашего сайта. Они бывают платные и бесплатные. Большинство плагинов можно установить через встроенный механизм в панели управления вашего сайта. Попробуем установить плагин для кеширования в WordPress. Для этого откройте панель управления своего сайта, в левом меню найдите и кликните на пункт «Плагины», затем кликните на подпункт «Добавить новый»: Откроется страница со списком плагинов. В верхнем меню (справа) найдите поисковую строку и наберите туда слово «Cache» : Появится список плагинов для кеширования. Посмотрите оценки, количество установок, отзывы и выберите наиболее понравившийся плагин. Чтобы установить плагин нажмите на кнопку «Установить»: После успешной установки кнопка «Установить» сменится на кнопку «Активировать». Кликните на неё, чтобы активировать плагин.

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

Плагин WP Super Cache

Этот плагин наиболее хорошо подходит под предложение «Установил в один клик и забыл». Потому что после установки он требует только включения. Чтобы установить его, найдите его в списке плагинов по названию «WP Super Cache»: Нажмите кнопку «Установить». После успешной установки кнопка «Установить» сменится на кнопку «Активировать». Кликните на неё и плагин активируется. Затем в боковом меню панели управления WordPress на пункт «Настройки», а затем кликните на пункт «WP Super Cache»: На открывшейся странице найдите блок «Статус кеширования» и кликните на пункт «Кэширование включено (Рекомендовано)», а затем на кнопку «Обновить» под блоком: Кеширование будет включено на сайте. Проверить кеширование можно, если перейти на любую публичную страницу сайта, открыть её HTML код. Для этого кликните правой кнопкой мыши на пустую область на странице сайта и выберите пункт «Исходный код страницы»: В открывшейся вкладке будет весь HTML код выбранной страницы. Прокрутите страницу в самый низ и найдите похожие строки в конце HTML кода:

<!-- Dynamic page generated in 0.218 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-07-02 16:36:13 -->

<!-- super cache -->
Эти строки говорят о том, что плагин «WP Super Cache» работает и закешировал эту страницу сайта. По мере посещения пользователями других страниц сайта, будет создан кеш и для других страниц.

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

Плагин WP Fastest Cache

Второй плагин с простой настройкой и широкими возможностями, который мы можем посоветовать, это плагин «WP Fastest Cache». Его так же можно найти в списке по слову «Cache»: После его установки и активации, в боковом меню появится пункт «WP Fastest Cache». Кликните на него: Откроется страница настроек. Чтобы включить кеширование сайта, достаточно поставить галочку напротив пункта «Cache System: Enable» («Enable» переводится как «Включить») и сохранить настройки кликом на красную кнопку «Submit» внизу страницы: Если появятся сложности с пониманием английского языка, то можно переключить его на русский на той же странице. В самом низу можно выбрать язык из выпадающего списка: Выберите русский язык и нажмите на кнопку «Submit».

Ускоряем WordPress.14 практических советов для вашего сайта

Alla Rud 23.08.2018 10 6520 на прочтение 11 минут

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

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

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

Для чего нужно ускорение работы сайта на WordPress:

  • для улучшения конверсии. Посетители сайта не станут дожидаться, пока загрузиться страница вашего медленного ресурса. Конкуренция в интернете огромная, и зайдя на медленный сайт, пользователь просто покидает его в поисках более быстрого. Поэтому быстрый в работе онлайн-ресурс — залог успеха в Сети.
  • для улучшения юзабилити. Данный пункт тесно связан с предыдущим. Так как скорость сайт напрямую влияет на комфортное его использование со стороны посетителей. Быстрая загрузка страниц сайта более важна чем внешний вид интернет-ресурса.
  • для улучшения позиций в поисковых системах мира. Всемирно известная компания Google не раз заявляла о том, что быстрые сайты получают преимущества в системе ранжирования. Поэтому если вы беспокоитесь о своих посетителях и хотите занять хорошие позиции в поисковых системах, о быстрой загрузке сайта обязательно следует позаботиться.

 

Рассмотрим, что нужно для быстрой работы сайта на WordPress.

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

 

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

 

Совет 2. Удаляйте плагины, которые не используются. Для Вордпресса выделяют два типа плагинов — для администрирования и для добавления контента. Второй тип плагинов достаточно часто негативно влияет на скорость загрузки сайта на Вордпресс, так как такие плагины включают javascript и css файлы. Поэтому проанализируйте все плагины, которые подключены к сайту и те, которые уже не используются, лучше сразу удалить. Также полезно заменить плагины, которые давно не обновлялись, на аналогичные, но более актуальные на данный момент.

 

Совет 3. Оптимизируйте изображения сайта. На любом сайте есть картинки, без этого никак. Поэтому заниматься оптимизацией изображений все таки придется. В первую очередь, всегда загружайте картинки необходимых размеров, чтобы избегать их масштабирования под html. Загружайте изображения в том формате, в котором они должны отображаться на вашем сайте. В свойствах картинок можно посмотреть всю дополнительную информацию, например, gps координаты фотографий. Такая информация должна быть удалена. Для удаления используйте специальные плагины, к примеру, WordPress WP Smush.it.

Еще один действенный метод для ускорения сайта на Вордпрессе использование CSS-спрайтов. Это специальная разработка CSS. Благодаря ей можно легко объединить все элементы дизайна в одно изображение страницы.  которая позволяет объединить все элементы дизайна на странице в одно изображение. Использовать данную технику можно только в том случае, если выбранная вами тема CMS это поддерживает.

Для уменьшения изображений используются специальные плагины — EWWW Image Optimizer, WP Smush.it. Кроме них также можно воспользоваться сторонними приложениями для уменьшения размеров.

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

 

Совет 4. Для ускорения сайта на WordPress воспользуйтесь возможностью сжатия файлов. Это можно сделать, например, в панели управления хостингом cPanel, специальный раздел  — Оптимизировать веб-сайт. С помощью него можно сжать все файлы или определенные файлы вашего сайта на хостинге.

 

 

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

FileETag MTime Size

<ifmodule mod_expires.c>

<filesmatch "\.(jpg|gif|png|css|js)$">

ExpiresActive on

ExpiresDefault "access plus 1 year"

</filesmatch>

</ifmodule>

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

 

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

 

Совет 7. Подключение сервиса CDN. Преимущества использования CDN для Вашего сайта более детально описаны здесь.  Cloudflare — один из самых широко используемых сервисов. На хостинге от ГиперХост каждый пользователь может подключить услугу в подарок, более детально на сайте в описаниях тарифов.

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

 

Совет 8. Грамотная оптимизация главной страницы вашего онлайн-ресурса также влияет на скорость сайта. Поэтому при оформлении гостевой страницы, не перегружайте ее тяжелыми виджетами, не выводите большое количество постов на главную и прячьте полное содержание статей с помощью кнопки “Читать больше” (актуально для блогов на Вордпресс). Также специалисты рекомендуют выводить под статьей не больше 50 комментариев, лучше использовать переключения между страницами.

 

Совет 9. Выбирайте быстрый и стабильный хостинг для WordPress сайтов. Благодаря качественному хостингу, ваш сайт всегда будет доступный для пользователей. Обращайте также внимание на тип дисков, которые использует хостинг-провайдер. SSD — наиболее быстрый и надежный вариант для размещения сайтов, вне зависимости от CMS.

Возник вопрос как перенести wordpress на хостинг от ГиперХост? Напишите нам и мы перенесем ваш сайт бесплатно.

 

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

 

Совет 11.  Реклама на сайте — причина медленной загрузки. Каждый сайт, который размещает рекламу на своих страницах, может загружаться медленнее именно из-за этого. В некоторых случаях реклама загружается синхронно и блокирует обработку контента. Чтобы решить эту задачу, для размещения рекламы используйте Google DFP Google DFP — специальная программа для управления рекламными объявлениями.

 

Совет 12. Настройка Robots.txt — запрет на индексацию ненужным сайтам. Данная возможность позволяет также значительно ускорить работу сайта на системе Вордпресс. В чем особенность файла robots.txt? Он регулирует доступ различных поисковых роботов к страницам интернет-ресурса. С помощью него можно запретить на сайт вход поисковым роботам, грабберам и парсерам, которые могут создавать ненужную нагрузку на хостинг. Понятно, что запрет на роботов от Yandex и Google ставить никто не будет. Но часто на сайт заходит поисковый робот от Yahoo. Его можно запретить с помощью Robots.txt.

 

Совет 13. Включаем защиту Hotlink. Часто бывают случаи, когда прямая ссылка на изображение размещенное на вашем сервере/сайте, помещается на другой сайт.  В таком случае при запросе на изображение это изображение, запрос будет идти на ваш сервер и потреблять ресурсы. Чтобы этого не происходило, данные запросы блокируются. Например, в панели управления хостингом cPanel есть даже специальная функция “Защита Hotlink”. Кроме того защиту можно включить благодаря возможностям .htaccess кода 

<IfModule mod_rewrite.http://(www\.)?вашдомен\.com/.*$ [NC]

RewriteRule .*\.(gif|jpg|png|ico)$ - [F,L]

</ifModule>

Сервер делает проверку откуда пришел запрос: если он с чужого сайта, то воспроизводится ошибка nohotlink.jpg – любое изображение, которым вы замените свою картинку.

 

Совет 14. Настраиваем LazyLoad. Это специальные плагины. С помощью них осуществляется отложенная загрузка картинок. Данный плагин особенно полезен для сайтов, на которых большое количество изображений. Когда плагин включен, загрузка изображения начинается тогда, когда пользователь доходит до определенного места на странице сайта. Тоесть, например, если на сайте присутствуют большие изображения внизу страницы, а посетитель не долистал до этого места, то данный контент просто не загрузился. Хороший пример плагина для такой задачи — jQuery Image Lazy Load. Благодаря ему количество серверных ресурсов потребляется меньше, в случае, если пользователь не просматривает страницы полностью.

Надеюсь, данные советы помогут ускорить ваш сайт на WordPress. Приятной работы!

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

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

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

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

Кто не понимает, почему важно увеличить скорость загрузки сайта wordpress, то рассмотрим три основные причины:

  • Улучшить конверсию

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

  • Улучшить пользовательский опыт

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

  • Улучшить позиции в поисковой системе

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

Важно! Определить, как Google оценивает ваш сайт можно тут.

Как увеличить скорость открытия сайта в WordPress?

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

Разберем несколько самых главных из них.

Используем плагин кэширования

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

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

На практике, самыми лучшими признали плагины:

Минимизируем и объединяем файлы JavaScript и CSS

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

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

Как исправить эту ситуацию? Объединяйте однотипные файлы JavaScript и CSS.

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

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

Регулярно очищайте базы данных

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

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

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

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

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

Выводы

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

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

Как реализовать отложенную загрузку WordPress для изображений и видео

Средний вес веб-страниц составляет 3719 КБ, при этом изображения и видео составляют почти 78% от общего веса согласно HTTP-архиву. Браузеру посетителя веб-сайта требуется много байтов для загрузки и отображения, и все тенденции указывают на более крупные веб-страницы и более широкое использование изображений в будущем. WordPress лидирует, когда дело доходит до обмена медиафайлами и включения медиафайлов в дизайн сайта. С WordPress легко интегрировать изображения и видео в сообщения, страницы и даже в фон темы.

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

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

Что такое отложенная загрузка и как она работает?

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

Ленивая загрузка работает так:

  • Браузер создает DOM веб-страницы без загрузки изображений и предварительной загрузки видео.
  • Код JavaScript
  • используется для определения того, какие изображения загружать и какие видео предварительно загружать, в зависимости от содержимого, которое изначально отображается при загрузке страницы. Эти изображения и видео загружаются и предварительно загружаются по мере необходимости.
  • Загрузка и рендеринг дополнительных видео откладываются до тех пор, пока посетитель сайта не прокрутит страницу вниз и не появится дополнительный контент.

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

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

WordPress Ленивая загрузка

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

Действительно ли изображения и видео замедляют работу веб-сайтов?

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

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

Вот как тест скорости сайта Pingdom оценивает сайт перед добавлением каких-либо изображений или видео.

Тест скорости без изображений и видео

Как видите, страница очень легкая — чуть меньше 155 КБ и загружается менее чем за полсекунды.Трудно придраться к таким оценкам. Что произойдет, если мы загрузим страницу с большими файлами изображений и встроенными видео YouTube?

Тест скорости без плагина ленивой загрузки

Размер страницы увеличился до 1,7 МБ, а время загрузки страницы почти упало до 1,3 секунды. TwentySixteen — это хорошо написанная световая тема, поэтому даже с добавлением полдюжины изображений и видеороликов на YouTube этот сайт все еще довольно легкий и быстро загружается. Однако мы видим, что добавление изображений и видео значительно увеличило размер страницы и значительно снизило скорость загрузки страницы.

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

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

a3 Ленивая загрузка

a3 Lazy Load — еще один популярный вариант отложенной загрузки WordPress в репозиторий.Этот плагин активен на более чем 50 000 веб-сайтов WordPress и получил очень высокий рейтинг 4,7 из 5 звезд и получил около 40 отзывов пользователей.

Плагин A3 Lazy Load

Активация плагина добавляет меню настроек в Настройки > a3 Ленивая загрузка . В целях тестирования я оставил настройки по умолчанию, за одним исключением. Я использовал опцию Loading Background Color , чтобы сопоставить цвет заполнителя с цветом фона веб-страницы.После внесения этого изменения и применения настроек по умолчанию сайт работал очень хорошо.

Тест скорости с подключаемым модулем A3 Lazy Load

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

Подпишитесь на информационный бюллетень

Мы увеличили наш трафик на 1187% с помощью WordPress.

Мы покажем вам, как это сделать.

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

Подпишись сейчас

Сравнение результатов испытаний

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

Размер содержимого с подключаемым модулем A3 Lazy Load

Размер изображения крошечный, чуть более 150 КБ. Вот как выглядит скриншот контента с общей полезной нагрузкой 2,0 МБ.

Размер содержимого с плагином Lazy Load XT

Скрипт, HTML, CSS и другие размеры содержимого почти идентичны.Однако размер изображения составляет 1,86 МБ — в основном размер версии с полным разрешением самого первого изображения на странице, — а не просто 150 КБ. Итак, что происходит?

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

Ленивая загрузка

Второй вариант — Lazy Load, бесплатный плагин, созданный командой WP Rocket. В настоящее время он активен на более чем 10 000 установок с рейтингом 4 из 5 звезд. Если вы ищете простой вариант отложенной загрузки WordPress с хорошей скоростью, это отличный выбор.

Плагин Lazy Load от WP Rocket

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

Родная отложенная загрузка

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

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

Плагин Google Native Lazyload.

Google разработал плагин Native Lazyload, чтобы упростить этот процесс. После активации плагина WordPress автоматически вставит атрибут loading в ваши теги img и iframe .

Ленивая загрузка видео

Если вас беспокоит только отложенная загрузка видео, мы также рекомендуем попробовать плагин Lazy Load for Videos.Хотя некоторые из вышеперечисленных плагинов тоже делают это, это отличное решение только для видеоконтента.

Плагин отложенной загрузки для видео

Влияние отложенной загрузки на SEO

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

  1. Убедитесь, что Google все еще может сканировать ваши ленивые загруженные изображения. Вы можете легко проверить это с помощью инструмента «Просмотреть как Google» в разделе сканирования в Google Search Console.Если вы все еще можете видеть свои изображения в исходном коде, скорее всего, у вас все в порядке.
  2. Убедитесь, что вы по-прежнему используете замещающий текст на изображениях, так как это важно для рейтинга изображений в поиске Google.

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

— 🍌 John 🍌 (@JohnMu) 4 сентября 2018 г.

Сводка

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

Благодаря поддержке Chrome и Firefox, а также поддержке Safari в будущем, отложенная загрузка в браузере должна быть всем, что вам нужно для отложенной загрузки изображений и окон iframe. С учетом сказанного, если вы ищете вариант на основе JavaScript, который также нацелен на старые браузеры, a3 Lazy Load — отличный вариант.

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

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


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

11 способов повысить производительность WordPress (ОБНОВЛЕНО)

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

Зачем вам ускорять работу WordPress?

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

  1. Поисковые системы (например, Google) ранжируют веб-сайты с быстрой загрузкой выше, чем с медленной.Итак, если вы хотите улучшить свою позицию в поисковой выдаче, повышение скорости должно быть одним из ваших приоритетов.
  2. Исследования показали, что скорость загрузки сайта более 2 секунд обычно приводит к тому, что около 47 процентов посетителей уходят с сайта. Итак, чтобы заинтересовать около половины посетителей, вам следует ускорить работу WordPress.
  3. Интернет-покупатели — самый нетерпеливый лот; они ожидают, что страница загрузится в течение секунды. Итак, если у вас есть магазин электронной коммерции на WordPress, вам лучше подготовиться к серьезным улучшениям, чтобы ваш бизнес стал более прибыльным.

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

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

  • размер этой конкретной страницы,
  • сколько запросов она генерирует,
  • независимо от того, кэширована она или нет,
  • и, наконец, какой тип контента (статический или динамический) он размещает.

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

  1. WebPageTest.org
  2. Tools.Pingdom.com
  3. PageSpeed ​​Insights (на самом деле это не сообщает время загрузки страницы, но выделяет элементы, которые вы можете настроить, чтобы ускорить WordPress)

Хорошо, это о пора поговорить о делах! Вот 11 способов ускорить WordPress:

1. Выберите лучшего провайдера веб-хостинга

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

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

К счастью, индустрия веб-хостинга продвинулась вперед с развитием технологий, и цены провайдеров облачного хостинга со временем снизились. В настоящее время вы можете купить выделенные облачные серверы у SiteGround, DigitalOcean, Amazon Web Services и даже Google Compute Engine по номинальной цене. Однако настройка этих серверов может быть сложной задачей, поскольку вам необходимо настроить серверы с нуля. Есть провайдеры веб-хостинга, такие как Cloudways (где я работаю) , которые делают задачу настройки оптимизированных облачных серверов такой же простой, как щелчок и запуск.

2. Используйте легкую тему / фреймворк WordPress

Темы

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

Здесь лучше всего использовать легкие темы. Одно из решений — выбрать одну из тем WordPress по умолчанию. Другой — попробовать что-то вроде Neve, созданное теми же парнями, что и CodeinWP.

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

3. Уменьшить размер изображения

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

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

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

4. Минимизировать файлы JS и CSS

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

Кроме того, если вы разбираетесь в темах WordPress, вы можете изучить руководства, предоставленные Google, и внести некоторые исправления вручную. Если нет, то есть плагины, которые помогут вам достичь этой цели; Самым популярным из них является Autoptimize, который может помочь в оптимизации CSS, JS и даже HTML вашего сайта WordPress.

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

плагины для кеширования WordPress (e.грамм. W3 Total Cache) существуют уже давно, что упрощает сложные задачи добавления правил кеширования к элементам вашего веб-сайта. Сочетание таких плагинов с продвинутыми механизмами кеширования, такими как Varnish, может помочь вам улучшить скорость загрузки вашего веб-сайта и, в конечном итоге, значительно ускорить WordPress.

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

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

7. Включить сжатие GZIP

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

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

 

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

8. Очистка базы данных WordPress

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

9. Деактивировать или удалить плагины

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

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

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

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

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

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

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

Отключить все это можно в WP-Admin → Настройки → Обсуждение . Просто снимите флажок « Разрешить уведомления о ссылках из других блогов (пингбэки и трекбэки)». ”Это поможет вам еще больше ускорить работу WordPress.

Заключение

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

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

Теперь ваша очередь.Как ускорить работу WordPress? У тебя есть какие-нибудь хитрости в рукаве?

Не забудьте принять участие в нашем ускоренном курсе по ускорению вашего сайта WordPress. С помощью некоторых простых исправлений вы можете сократить время загрузки даже на 50-80%:

БОНУСНОЕ ВИДЕО: 6 неочевидных исправлений для уменьшения времени загрузки

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

Или начните обсуждение в нашей группе Facebook для профессионалов WordPress. Найдите ответы, поделитесь советами и получите помощь от других экспертов WordPress. Присоединяйтесь сейчас (это бесплатно)!

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

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

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

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

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

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

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

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

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

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

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

Разница между днем ​​и ночью. Оценка 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. Нажмите «Добавить сайт», введите имя своего домена и нажмите кнопку.

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

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

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

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

Шаг 3. Установите подключаемый модуль кеширования

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 





Содержание


 

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

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

 
 

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

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

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

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

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

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

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

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

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

Результаты

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

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

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

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

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

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

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

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

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

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

18 плагинов WordPress, которые ускорят работу вашего сайта

  1. Почему ваш WordPress должен загружаться быстро?
  2. Как проверить скорость загрузки WordPress
  3. Что я могу сделать, чтобы мой WordPress загружался быстрее?
  4. Как плагины могут оптимизировать ваш WordPress?
  5. Какие плагины могут ускорить загрузку WordPress?
  6. Bottom Line

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

Что это за штука?

Скорость.

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

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

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

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

  • 53% мобильных пользователей отказываются от загрузки, если веб-сайт загружается более трех секунд.
  • Более 87% тележек покидают, если время загрузки составляет две секунды или более.
  • 79% пользователей, которые отрицательно относятся к веб-сайту, с меньшей вероятностью совершат покупку снова.

Реклама

Продолжить чтение ниже

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

Вот несколько популярных вариантов тестирования скорости загрузки вашего сайта.

Что я могу сделать, чтобы мой WordPress загружался быстрее?

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

Хостинг WordPress

При выборе хостинга убедитесь, что он:

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

Размер WordPress

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

Реклама

Продолжить чтение ниже

Количество сообщений

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

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

Помогает показывать только отрывки из контента и сокращать общее количество постов.

Сохраняйте простоту WordPress

Удалите все, что вам не нужно, и сосредоточьтесь на содержании и функциональности.

Даже такой маленький виджет должен существовать только потому, что он используется для посетителей.

Качество темы WordPress

Плохо закодированная тема WordPress повлияет на:

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

Плагины WordPress

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

  • Раздутый
  • Неактивный
  • Не текущий

Реклама

Читать ниже

Как плагины могут оптимизировать ваш WordPress?

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

  • Кэш
  • WordPress HeartBeat API
  • Уменьшение или отключение Ajax
  • Отложенные скрипты
  • CDN
  • Ленивая загрузка
  • Минификация
  • Конкатенация

Что такое Кэш?

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

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

Сам по себе кеш — это данные, которые временно хранятся для быстрого доступа по запросу.

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

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

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

Реклама

Продолжить чтение ниже

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

Это может значительно оптимизировать ваш сайт.

Вот почему так много плагинов для WordPress работают с кешем.

Что такое Ajax?

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

Что такое HeartBeat API?

Heartbeat API — это встроенный в WordPress простой серверный API опроса.

Он позволяет обновлять интерфейс практически в реальном времени. Его управление экономит использование ЦП и поддерживает AJAX на разумном уровне.

Что значит отложить скрипты?

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

Что такое CDN?

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

Объявление

Продолжить чтение ниже

Что такое ленивая загрузка?

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

Что такое минификация?

Минификация сокращает время загрузки веб-сайта за счет устранения дублирования и лишнего контента в:

  • HTML-файлах
  • JavaScript-файлах
  • CSS-файлах

Что такое конкатенация?

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

Какие плагины могут ускорить загрузку WordPress?

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

1. WP Super Cache: более быстрый рендеринг

2+ миллиона активных установок и 4,3 из 5 звезд на основе 1254 отзывов.

Реклама

Продолжить чтение ниже

Профи

  • Бесплатно
  • Сделано Automattic, компанией, ответственной за WordPress, WooCommerce и Jetpack.
  • Простота использования.
  • Расширенные настройки позволяют выбрать:
    • Сжатие Gzip
    • Кэширование браузера
    • Как кэшируется контент
    • Как часто следует обновлять кеш
  • Вы можете предварительно загрузить содержимое в кеш.
  • Поможет настроить CDN.

Минусы

2. Общий кэш W3: более быстрый рендеринг

Более 1 миллиона активных установок и 4,4 из 5-звездочного рейтинга на основе 4602 отзывов

Плюсы

  • Бесплатно
  • По крайней мере 10-кратное улучшение общей производительности сайта.
  • Повышение коэффициента конверсии.
  • Повышение рейтинга в поисковых системах.
  • Экономия полосы пропускания до 80%.

Минусы

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

3. WP Super Minify: сжатие файлов JavaScript и CSS

10 000+ активных установок и 4 из 5 звезд на основе 50 обзоров.

Плюсы

  • Бесплатно
  • Минификация
  • Простая трехэтапная установка:
    1. Загрузите плагин.
    2. Загрузите его в каталог.
    3. Активировать через меню плагинов.
  • Многие пользователи получают от 2 до 4% увеличения скорости страницы Google.

Минусы

  • Дополнительные технические плагины увеличивают скорость страницы Google.

4. WP Smush: уменьшение размера изображения

Более 1 миллиона активных установок и 4,8 из 5 звезд на основе 5 251 отзыва

Плюсы

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

Минусы

5. Ленивая загрузка BJ: уменьшение загрузки страницы

80 000+ активных установок и 4.2 из 5 звезд на основе 88 отзывов.

Реклама

Продолжить чтение ниже

Плюсы

Минусы

  • Последнее обновление было 3 года назад.
  • Нет технической поддержки.

6. WP-Optimize: оптимизация базы данных

900 000+ активных установок и 4,8 из 5 звезд на основе 1199 отзывов.

Pros

  • Бесплатно
  • WP-Optimize очищает и оптимизирует базы данных, чтобы они работали лучше.
  • Запланировать автоматическую очистку:
    • Исправлений
    • Спам-комментарии
    • Удаленное содержимое
    • И многое другое.
  • Сжать и дефрагментировать таблицы MySQL.
  • См. Статистику базы данных и потенциальную экономию.
  • Сжать изображения.
  • Кэшируйте страницы для более быстрой загрузки.
  • Отложить CSS JavaScript.
  • Детальный контроль над оптимизацией.
  • Настройте заранее определенное количество недель резервного копирования данных во время очистки.
  • Установить автоматическое резервное копирование с предварительной оптимизацией.

Минусы

7. Автоматическая оптимизация: оптимизация сценария

Более 1 миллиона активных установок и 4,7 из 5 звезд на основе 1145 отзывов.

Профи

  • Бесплатно
  • Минификация
  • Конкатенация
  • Откладывает некоторые скрипты
  • Ленивая загрузка изображений
  • Включение и выключение некоторых базовых скриптов.

Минусы

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

8. ShortPixel: сжатие изображений

200 000+ активных установок и 4,6 из 5 звезд на основе 562 отзывов.

Pros

  • При загрузке изображений в WordPress ShortPixel может автоматически:
    • Изменить их размер до максимальных размеров по вашему выбору.
    • Сжимайте их с помощью алгоритмов сжатия с потерями или без потерь.
  • Для браузеров, которые его поддерживают, доступна конвертация WebP.
  • Преобразование PNG в JPG.
  • Дополнительно: плагин ShortPixel Adaptive Images оптимизирует ваши изображения и доставляет их с помощью CDN.

Минусы

  • Оба плагина дают вам 100 кредитов в месяц для начала, но после этого вы должны заплатить 4,99 доллара за дополнительные кредиты.

9. Ленивая загрузка от WP Rocket: Ленивая загрузка

100 000+ активных установок и 4,2 из 5 звезд на основе 110 отзывов.

Pros

  • Бесплатно
  • Как и другие плагины, Lazy Load загружает только ту часть страницы, которую вы видите.Однако Lazy Load от WP Rocket работает не только с изображениями. Он также работает с:
    • iFrames
    • Youtube видео
      • Вы также можете встраивать миниатюру видео, которое не воспроизводится, пока оно не будет активировано.
    • (И, конечно же) Изображения

Минусы

10. Cache Enabler: более быстрый рендеринг

90 000+ активных пользователей и 4,3 из 5 звезд на основе 92 отзывов

Реклама

Продолжить чтение ниже

Плюсы

  • Бесплатно
  • Легко настроить.
  • Очистите кеш одним нажатием кнопки.
  • Программная очистка кеша (пример: очистка кеша после новых сообщений)
  • Минификация
  • Возможность исключения сообщений из очистки.
  • Очистка кеша по расписанию

Минусы

11. Очистка активов: панель детальной оптимизации

90 000+ активных установок и 4,9 из 5 звезд на основе 803 отзывов.

Профи

  • Бесплатно
  • Включение и выключение скриптов и плагинов.

Минусы

  • Не позволяет удалять вздутие живота.
  • Ежегодные обновления, поддержка и дополнительные функции предоставляются по цене от 47 долларов США.

12. Сжатие изображений JPEG и PNG: сжатие изображений

200 000+ активных установок и 4,4 из 5 звезд на основе 134 отзывов.

Pros

  • Интегрирует TinyJPG и TinyPNG.
  • Массовая оптимизация JPEG и PNG.
  • Сжать анимированные PNG.
  • Смотрите настройки использования в настройках и во время массовой оптимизации.

Минусы

  • 100 изображений бесплатно. Для большего требуется небольшая плата.

13. WP YouTube Lyte: Ленивая загрузка

20 000+ активных установок и 4,8 из 5 звезд на основе 140 отзывов.

Pros

  • Бесплатно
  • Вставляет эскиз YouTube, который активируется только при нажатии.
  • Также работает с плейлистами YouTube.

Минусы

  • Не ленивая загрузка фотографий или iFrames, которую выполняет функция Lazy Load от WP Rocket в дополнение к YouTube.

14. Контроль сердцебиения с помощью WP Rocket: Контроль сердцебиения

Более 100 000 активных установок и 4,3 из 5 звезд на основе 50 обзоров.

Реклама

Продолжить чтение ниже

Профи

  • Бесплатно
  • Ограничение или остановка WordPress Heartbeat API.
  • Добавить правила HeartBeat для:
    • Dashboard
    • Frontend
    • Post Editor

Cons

15. OMGF: Локальный хост Google Fonts

Более 20000 активных установок и 4,8 из 5 звездочек на основе по 94 отзывам.

Pros

  • Бесплатно
  • Создает таблицу стилей для всех ваших шрифтов Google.
  • Отправляет шрифты из CDN для ускорения загрузки.

Минусы

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

16. Аватар пользователя WP: Оптимизация Gravatars

400 000+ активных установок и 4,3 из 5 звезд на основе 201 отзыва.

Pros

  • Бесплатно
  • Вы можете разместить Gravatar по умолчанию локально или создать свой собственный (рекомендуется изображение со сжатием 50 на 50 пикселей).

Минусы

17. AMP для WP: Accelerated Mobile Pages

Более 100 000 активных установок и 4.4 из 5 звезд на основании 981 отзыва.

Pros

  • Бесплатно
  • Получите ускоренные мобильные страницы (AMP) с помощью WordPress.
  • Широкие возможности настройки.
  • Один из самых популярных и загружаемых подключаемых модулей AMP.
  • Дополнительные функции доступны за дополнительную плату.

Минусы

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

18. EWWW Image Optimizer: сжатие изображений

800 000+ активных установок и 4.7 из 5 звезд на основе 882 отзывов.

Реклама

Продолжить чтение ниже

Плюсы

  • Сжатие JPEG, PNG и PDF.
  • Бесплатные резервные копии изображений хранятся до 30 дней.

Минусы

  • Чтобы получить доступ к расширенному сжатию (80%), вам понадобится ключ API сжатия (0,002 доллара США), и вы можете получить более быстрые результаты и больший контроль за 5-15 долларов США в месяц.

Bottom Line

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

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

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

Реклама

Продолжить чтение ниже

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

Дополнительные ресурсы:


Кредиты на изображения

Все скриншоты сделаны автором, октябрь 2020 г.

Ускорить сайт WordPress — Как это сделать

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

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

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

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

Содержание

С чего начать?

Как скорость загрузки страницы влияет на ваш сайт

Пример использования

Как сделать ваш сайт на WordPress молниеносным

Шаги по оптимизации для обычных пользователей WordPress

  1. Использовать плагины кеширования
  2. Уменьшите и объедините код WordPress
  3. Включить сжатие Gzip
  4. Оптимизировать изображения
  5. Включить отложенную загрузку
  6. Использование сети доставки контента
  7. Используйте выдержки на своей домашней странице
  8. Предельное количество комментариев на странице
  9. Очистить базу данных
  10. Отключить пингбеки и трекбэки

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

Шаги по оптимизации скорости WordPress для опытных пользователей

  1. Включить поддержку активности для соединений передачи
  2. Отключить горячие ссылки вашего контента
  3. Установить заголовок Expires для статического содержимого

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

  1. Хостинг
  2. DNS-провайдер
  3. шаблоны
  4. Плагины

Как вы можете использовать эту информацию?

Ускорьте WordPress — с чего начать?

Для начала неплохо бы получить оценку текущей скорости вашего сайта.Для этого вы можете использовать Pingdom Website Speedtest Tool или GTmetrix.com. В этой статье мы протестировали веб-сайт с помощью Pingdom, но, следуя инструкциям в этом руководстве, вы получите хорошие результаты для всех инструментов тестирования.

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

Как скорость загрузки страницы влияет на ваш сайт

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

Скорость влияет на трафик как минимум по 2 причинам:

1. Поисковые системы низко ранжируют медленные сайты

В 2010 году поисковый гигант Google объявил, что они начнут рассматривать скорость сайта как фактор ранжирования . Это означает, что независимо от того, насколько хорош ваш SEO и сколько хороших статей и ресурсов вы предлагаете, если ваш сайт загружается медленно, вы не получите большого трафика от Google.То же самое касается Bing и других поисковых систем.

2. Пользователи не любят медленную загрузку веб-сайтов

Вы нажимали на результат в поиске Google только для того, чтобы обнаружить, что страница не открывалась в течение следующих нескольких секунд, что вы сделали? Недавний опрос, проведенный Akamai и Gomez, показывает, что почти половина интернет-пользователей ожидают, что страница загрузится менее чем за 2 секунды . Что-нибудь еще, и они нажимали кнопку «Назад» и нажимали на другой результат.

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

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

Ускорьте WordPress — Пример использования

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

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

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

Как сделать ваш сайт WordPress молниеносным

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

[thrive_leads id = ’24593 ′]

Шаги по оптимизации для обычных пользователей WordPress

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

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

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

Некоторые отличные плагины для кеширования включают WP Rocket и WP Fastest Cache. Это может помочь вам повысить производительность вашего WordPress.

Как установить плагин WP Fastest Cache

Для этого войдите в свою панель управления WordPress и перейдите в Плагины> Добавить новый . Найдите WP Fastest Cache и установите его.

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

Настройка подключаемого модуля WP Fastest Cache

Затем нажмите WP Fastest Cache в меню слева. Откроется страница настроек этого плагина. Включите параметры, как показано на снимке экрана ниже:

Наконец, нажмите Отправить , чтобы активировать кеширование на вашем сайте.

Вы также должны установить время ожидания кеша, то есть время, по истечении которого кеш будет очищен и обновлен.Для этого перейдите на вкладку «Тайм-аут кэша» и щелкните Добавить новое правило .

В «Если REQUEST_URI» выберите «Все». В «Затем» выберите продолжительность, по истечении которой кеш будет очищен. Эта продолжительность должна определяться объемом трафика, который вы получаете на свой сайт. Если вы получаете много (например, 5000 просмотров в минуту), вы можете выбрать короткое время, например 5 минут. Затем нажмите Сохранить , чтобы активировать это расписание очистки.

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

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

2. Ускорьте WordPress — минимизируйте и объедините код WordPress

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

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

Вы можете минимизировать и объединить код WP с помощью плагина WP Fastest Cache, который мы установили на шаге 1.Для этого щелкните WP Fastest Cache в главном меню на панели инструментов. Затем отметьте четыре параметра, чтобы включить минимизацию и объединение кода (см. Рисунок ниже).

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

3. Ускорение WordPress — включение сжатия Gzip

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

Вы можете включить сжатие Gzip с помощью плагина WP Fastest Cache. На странице настроек этого плагина отметьте «Gzip».

Щелкните Отправить , чтобы сохранить изменения.

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

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

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

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

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

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

Например, ниже две картинки.

Рисунок 1

Рисунок 2

Оба изображения выглядят одинаково, но вы можете не осознавать, что размер первого изображения составляет 3,57 МБ, а второго — 960 КБ. Используя инструменты сжатия, мне удалось уменьшить размер второй картинки более чем на 74%. Страница, содержащая оптимизированное изображение, загрузится намного быстрее, чем первая.

Хорошая новость в том, что вы можете установить плагин в WordPress, чтобы помочь с оптимизацией изображений и автоматически сжимать изображения.Очень хороший плагин для этой цели — Smush Image Optimizations and Compression. Пожалуйста, установите и активируйте этот плагин.

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

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

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

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

Для оптимизации изображений большего размера используйте премиум-версию.

5. Ускорьте WordPress — включите ленивую загрузку

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

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

Вы можете включить отложенную загрузку, установив и активировав плагин BJ Lazy Load.

Этот плагин начинает работать после активации. Однако вы можете настроить параметры, перейдя в «Настройки »> «BJ Lazy Load » на панели управления.

Обновление: плагин Smush теперь имеет отложенную загрузку в бесплатной версии, поэтому вы можете решить не устанавливать плагин BJ.

6. Ускорьте WordPress — используйте сеть доставки контента

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

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

Мы рекомендуем MaxCDN для WordPress . Этот CDN можно настроить с помощью уже установленного плагина WP Fastest Cache.

MaxCDN имеет пошаговое руководство по выполнению этой интеграции. Начните с шага 6 , как мы уже делали с 1 по 5 в этом руководстве.

7. Ускорьте WordPress — используйте выдержки на своей домашней странице

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

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

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

Перейдите в Настройка> Чтение.

Измените настройку подачи на «Сводка» и сохраните изменения.

8. Лимит комментариев на странице

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

Чтобы контролировать количество отображаемых комментариев, перейдите в «Настройки »> «Обсуждение » на панели инструментов WordPress.

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

Наконец, прокрутите вниз и нажмите Сохранить изменения.

9.Очистить базу данных

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

С платной версией WP Fastest Cache вы можете оптимизировать свою базу данных, перейдя на вкладку БД. В качестве альтернативы вы можете использовать плагин «Оптимизировать базу данных после удаления ревизий».

Установите и активируйте этот плагин на своем сайте WordPress. После его активации вы попадете на страницу со всеми плагинами. Найдите этот плагин и нажмите «Настройки ». Затем настройте его следующим образом.

Прокрутите вниз и нажмите Сохранить настройки. Затем щелкните Перейти к оптимизатору.

На странице оптимизатора щелкните Начать оптимизацию.

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

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

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

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

Для этого перейдите в Настройки> Обсуждение на панели управления. В разделе «Настройки статьи по умолчанию» снимите флажок «Разрешить уведомления с других сайтов».

Прокрутите вниз и нажмите Сохранить изменения.

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

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

Ранее мы измерили скорость загрузки нашего тестового сайта и получили 1.87 секунд. После выполнения некоторых из вышеперечисленных шагов мы снова запустили тест с помощью Pingdom, и вот результаты:

Как видите, мы снизились с 1,87 секунды до 0,65 секунды. Используя эти шаги WordPress Speed, мы смогли сократить время загрузки на 1,22 секунды. Это впечатляет!

Шаги по оптимизации скорости WordPress для опытных пользователей

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

1. Включить поддержку активности для соединений передачи

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

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

Получите доступ к хосту WordPress по ftp.

Затем найдите файл .htaccess, щелкните его правой кнопкой мыши и выберите Просмотр / редактирование .

Добавьте в файл следующий код:

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

Сохраните файл и позвольте Filezilla загрузить новый файл при появлении соответствующего запроса.

2. Отключить горячие ссылки вашего контента

Hotlinking означает, что владелец сайта получает URL-адрес изображений, видео или других ресурсов на вашем сайте и использует этот URL-адрес для отображения контента на своем сайте. Таким образом, каждый раз, когда ресурс отображается на их сайте, он фактически обслуживается вашим веб-сервером, тем самым потребляя пропускную способность.http: // (www.)? google.com /.*$ [NC]
RewriteRule. (gif | jpg | jpeg | bmp | zip | rar | mp3 | flv | swf | xml | php | png | css | pdf) $ - [F]

Сохраните файл и разрешите Filezilla загрузить обновленный файл при появлении соответствующего запроса.

3. Установить заголовок Expires для статического содержимого

Используя заголовок expires, вы можете разрешить браузерам кэшировать статические файлы на указанное вами время. Например, если вы укажете 1 месяц, статические файлы будут храниться в пользовательских браузерах в течение месяца. По прошествии этого времени они будут запрошены еще раз и хранятся еще месяц.. *. (ico | flv | jpg | jpeg | png | gif | js | css | woff) $ «=» «>
ExpiresActive On
ExpiresDefault A25

Строка соответствия файлов определяет типы файлов, которые будут кэшироваться.

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

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

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

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

— Хостинг

— провайдер DNS

— Темы

— Плагины.

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

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

1. Хостинг

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

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

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

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

Боковое примечание: Если вы хотите сделать свой сайт WordPress быстрее, мы также рекомендуем ознакомиться с подробным обзором лучшего хостинга виртуальных частных серверов (VPS) от Quicksprout.

2. DNS-провайдер

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

Решение этой проблемы — выбрать поставщиков DNS с быстрым временем отклика . Вы можете увидеть сравнение времени отклика среди самых популярных провайдеров на DNS Performance.

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

3. Темы

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

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

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

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

4. Плагины

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

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

Чтобы установить и использовать плагин P3, выполните следующие действия:

На панели управления перейдите к Плагины > Добавить новый.

Найдите p3 и щелкните Установить сейчас в подключаемом модуле .

После завершения установки нажмите Активировать.

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

Затем нажмите Начать сканирование на странице сканирования.

Задайте имя сканирования и выберите «Автосканирование», чтобы начать сканирование.

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

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

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

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

Как можно использовать эту информацию

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

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

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

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


[thrive_leads id = ’24593 ′]

Дополнительные ресурсы

  1. Использовать плагины кеширования
  2. Уменьшите и объедините код WordPress
  3. Включить сжатие Gzip
  4. Оптимизировать изображения
  5. Включить отложенную загрузку
  6. Использование сети доставки контента
  7. Используйте выдержки на своей домашней странице
  8. Предельное количество комментариев на странице
  9. Очистить базу данных
  10. Отключить пингбеки и трекбэки

«}}, {«@type»: «Question», «name»: «Шаги по оптимизации скорости WordPress для опытных пользователей», «acceptAnswer»: {«@type»: «Ответ», «текст»: «

  1. Включить поддержку активности для соединений передачи
  2. Отключить горячие ссылки вашего контента
  3. Установить заголовок Expires для статического содержимого

«}}, {«@type»: «Question», «name»: «Основные оптимизации для повышения скорости WordPress», «acceptAnswer»: {«@type»: «Ответ», «текст»: «

  1. Хостинг
  2. DNS-провайдер
  3. шаблоны
  4. Плагины

«}} ], «о»: [ {«@type»: «Thing», «name»: «WordPress», «sameAs»: «https: // ru.wikipedia.org/wiki/WordPress «} ]}

Прочитайте больше полезных статей:

10 лучших способов ускорить работу вашего сайта на WordPress

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

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

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

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

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

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

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

Как измерить скорость страницы?

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

GTmetrix

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

GTmetrix возвращает три ключевых показателя:

  • время загрузки страницы
  • общий размер страницы
  • общее количество HTTP-запросов

В этом руководстве мы рассмотрим, как оптимизировать все эти показатели.

PageSpeed ​​Insights

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

Ключевым предложением PageSpeed ​​Insights является ориентация на мобильные устройства. Веб-сайт может вести себя на мобильном устройстве по-другому, чем на настольном. Хотя вы не можете контролировать, на каком устройстве выполняется тест, эталонный тест, предоставляемый этим инструментом, действительно помогает в общей оптимизации.

WebPageTest

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

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

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

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

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

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

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

2.Используйте легкую, гибкую тему

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

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

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

3. Используйте плагины с умом

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

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

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

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

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

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

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

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

5. Использование CDN для доставки ресурсов

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

Быстрый анализ HTTP Archive показывает, что страница на типичном сайте WordPress весит около 2.3 МБ в 2020 году. Значительную часть этой страницы составляют изображения (1,2 МБ), шрифты и таблицы стилей (280 КБ) и скрипты (470 КБ).

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

6. Подготовьте изображения для работы в Интернете

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

Гигиенический контроль

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

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

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

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

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

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

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

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

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

7. Эффективное управление статическими файлами

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

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

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

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

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

8. Оптимизация HTTP-запросов

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

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

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

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

9. Включение кеширования в WordPress

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

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

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

10. Обновите WordPress и PHP

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

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

Завершение

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

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

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

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

БЕСПЛАТНЫЙ КУРС

Пристегнись!


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

Сделайте ваш сайт работающим на 30-40% быстрее
с помощью нескольких простых приемов

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

7 способов ускорить WordPress

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

  1. Выберите надежный хостинг
  2. Использовать CDN для статических ресурсов
  3. Не размещайте собственные видео
  4. Уменьшить количество запросов к серверу
  5. Включить кеширование
  6. Оптимизация изображений и мультимедиа
  7. Минимизируйте файлы

Большинство обсуждаемых здесь методов не являются слишком техническими, и вы сможете внести эти изменения относительно легко!


Знаете ли вы, что вы можете преобразовать свой сайт WordPress в нативные мобильные приложения? Это самый быстрый и доступный способ создать мобильное приложение.В MobiLoud мы создали три решения только для WordPress — Новости для блогов и новостных сайтов, Commerce для сайтов WooCommerce и Canvas. С помощью Canvas вы можете преобразовать любой сайт WordPress в собственные мобильные приложения. Все ваши плагины и настраиваемый код работают по умолчанию, и вы можете использовать свою собственную тему для приложения. Получите бесплатную демонстрацию, чтобы узнать, какая из наших платформ лучше всего подходит для вашего сайта.


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

Среди основных и самых фундаментальных шагов по обеспечению того, чтобы ваш сайт WordPress поддерживал ту скорость, , которую он обещает, — это выбрать и зарегистрироваться у поставщика услуг хостинга хорошего качества.
В Интернете доступно множество дешевых предложений хостинга, однако хостинг — это не та область, где следует проявлять чрезмерную осторожность.
Как правило, когда речь идет о хостинге, вы получаете то, за что платите. Следовательно, вложения в качество того стоят.
Для начала попробуйте и избегайте услуги виртуального хостинга .
Вы не видите и не контролируете характер веб-сайтов, которым вы предоставляете услугу, и то, как это может повлиять на производительность вашего сайта. Откровенно говоря, это того не стоит.
С другой стороны, если вы не технически подкованы или не можете нанять услуги такого человека, инвестировать в выделенный сервер может быть излишним, особенно для малых предприятий или стартапов .
В подобных случаях лучшим вариантом может оказаться выбор Virtual Private Server или VPS. Это удобная золотая середина, обеспечивающая скорость и простоту использования по разумной цене.
Третий вариант — выбрать услугу управляемого хостинга .
пользователей провайдеров управляемого хостинга со специализированными услугами хостинга для сайтов WP. У поставщиков услуг, таких как WP Engine, есть серверы, которые были оптимизированы для веб-сайтов WordPress, чтобы увеличить скорость загрузки страниц и обеспечить максимально быструю загрузку этих сайтов.

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

CDN предназначены для ускорения вашего веб-сайта, поскольку размещает ваши активы в разных местах по всему миру.
Хотя ваш хостинг-провайдер будет нести ответственность за обслуживание вашего приложения, он больше не будет единственным источником правды.Это в первую очередь полезно в тех случаях, когда ваши пользователи не находятся рядом с вашими серверами.
Если ваши серверы расположены в США, ваши страницы будут загружаться значительно быстрее для ваших клиентов в США по сравнению, скажем, с вашими клиентами в Индии.
Вместо этого вы можете разместить свои изображения, файлы JavaScript и CSS в CDN. С CDN ваши файлы хранятся в нескольких местах. Пользователям предоставляются статические данные с сервера, расположенного недалеко от их местонахождения. Многие провайдеры CDN предлагают бесплатный CDN на всю жизнь.


Cloudflare, Jetpack и Incapsula предлагают одни из лучших решений CDN на планете.

3) Не размещайте видео на своем сервере

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


Затем вы можете встроить видео на свой веб-сайт. Это простой способ увеличить скорость вашей страницы с небольшими затратами, поскольку этими услугами видеохостинга можно пользоваться бесплатно.
В качестве альтернативы вы также можете попробовать облачный видеосервис, такой как Cloudinary, который предлагает услуги транскодирования видео на лету, или сервис облачного хранилища объектов, такой как Firebase / Amazon S3. Вы можете добавить дополнительные модули, такие как ML-Kit, в свое облачное хранилище, чтобы интегрировать теги видео и другие идеи управления цифровыми активами.

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

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

  • Уменьшить количество сообщений на странице.
  • Удалите избыточные плагины и удалите плагины с самой низкой производительностью. Профилировщик производительности плагина может помочь вам определить их.
  • Уменьшите количество изображений и подобных элементов на ваших страницах.
  • Активируйте «Ленивую загрузку». Это позволяет вашей странице загружать только те изображения, которые увидит ваш посетитель. Взгляните на этот плагин Lazy Load WordPress для справки.
  • Избавьтесь от плагинов, которые вашему сайту больше не нужны.

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


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

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

WordPress обычно создает HTML-версию вашего веб-сайта, которая затем обслуживается браузером.
Вы можете обойти это, предварительно сохранив заполненную HTML-копию своего сайта .
Теперь, вместо того, чтобы выполнять процесс создания HTML-версии вашего сайта при каждом запросе, посетители могут сразу же получать сохраненную копию всякий раз, когда получен запрос.
Этот процесс известен как , кэширование . Существует самых разнообразных плагинов и инструментов для WordPress , которые вы можете использовать для этого. Самыми популярными из них являются WP Super Cache и W3 Total Cache.
Еще одна форма кэширования, которую вы можете использовать, которая, вероятно, имеет более быстрое время загрузки, — это кеширование сервера. Однако для реализации этого требуется помощь вашего поставщика услуг хоста.
Вы также можете попробовать некоторых поставщиков услуг управляемого хостинга, например WP Engine. Они предоставляют собственные решения для кэширования.

Если на вашем веб-сайте есть изображения, лучше всего обеспечить их загрузку за минимальное время с помощью оптимизации или сжатия изображений.
Размер файла необработанного изображения может составлять несколько МБ.Когда у вас есть несколько таких изображений, это может негативно повлиять на время загрузки и общее впечатление пользователя.
Сжатие изображений позволяет уменьшить размер файла изображения без снижения качества. Следовательно, изображение, хотя и меньше по разрешению, выглядит для посетителя одинаково.
Плагины оптимизации изображений, такие как WP Smush.it, могут помочь вам автоматически сжимать изображения для WordPress . Помимо уменьшения размера файла для существующих носителей, он также может воздействовать на изображения, загруженные в будущем.
Вы также можете запускать свои изображения с помощью такого инструмента, как TinyPNG, который уменьшит размер файла без ущерба для качества .


Дополнительная опция — оптимизировать изображения перед их использованием на вашем веб-сайте вручную. Это работает для статических изображений, потому что вы делаете это только один раз. Photoshop может помочь сделать это для большинства медиафайлов.
Он также может сохранять изображения в версии, оптимизированной для формы. Вы можете использовать — Файл> Сохранить для Интернета или ярлык — Ctrl + Alt + Shift + S.
Однако, если вам нужно сжимать изображения динамически, может быть лучше использовать службу облачных изображений или службу хранилища объектов, которые мы обсуждали ранее.

7) Минимизируйте файлы

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

Добавить комментарий

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