Как избежать огромной сетевой нагрузки в WordPress

Если вы используете Google PageSpeed ​​Insights для тестирования своего сайта, вы увидите это предупреждение «Избегайте огромных сетевых нагрузок», если общий размер вашей страницы превышает 1,6 МБ.

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

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

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

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

Более безопасная цель — 1 МБ.

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

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

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

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

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

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

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

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

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

Я также рекомендую вам прочитать мой пост «Что делает наши сайты медленными?», Чтобы подробно изучить наиболее распространенные ошибки, совершаемые владельцами сайтов в этой области.

Найдите низко висящий фрукт

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

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

Например, на скриншоте выше вы можете увидеть, какой мертвый груз имеет файл JavaScript для одного встроенного твита !! Замена вставки простым снимком экрана с твитом вместо этого сэкономит мне более 2 МБ! Это огромная победа.

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

Я рекомендую вам проверить свои самые важные страницы и посмотреть, как вы можете их оптимизировать.

Общие советы по уменьшению размера страницы

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

• Уменьшите количество избранных элементов
  Обычно избранные элементы, будь то публикации, продукты и т. Д., Снабжены миниатюрами. Итак, если у вас есть 20 избранных элементов, вы можете автоматически добавлять 20 изображений на свою страницу.
• Уменьшите количество элементов в любых слайдерах / каруселях / галереях
  Определенно не размещайте более одного из них на странице, и если он вам «необходим», ограничьте количество элементов на нем до трех.
• Удалите социальные виджеты, такие как встроенные каналы из Twitter, Facebook, Instagram и Pinterest. Или разместите их только на определенных страницах, но не на каждой.
• Вместо этого замените встроенный контент, например твиты, скриншотами.
• Замените кнопки публикации в соцсетях облегченными
  Социальный обмен без сценариев — хороший плагин для этой цели.
• Уменьшите количество рекламы на своей странице
• Уменьшите количество используемых шрифтов

Методы оптимизации, уменьшающие размер страницы

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

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

Оптимизируйте и сжимайте все свои изображения. Доступно множество плагинов и сервисов для оптимизации изображений, таких как Imagify, Smush и другие.

Кеширование и плагины оптимизации

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

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

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

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

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

Плагины очистки

Такие плагины позволяют предотвратить загрузку тем и плагинов файлов CSS и JS там, где они не нужны. Несколько примеров:

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