Избегайте чрезмерной нагрузки на сеть

Published on Updated on

Translated to: English, Español, Português, 한국어, 中文

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

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

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

Lighthouse показывает общий размер всех ресурсов, запрошенных вашей страницей, в кибибайтах (КиБ). Сначала перечисляются самые тяжеловесные запросы:

Скриншот проверки Avoid enormous network payloads (Избегайте чрезмерных нагрузок на сеть) в Lighthouse

По данным Интернет-архива, медианная нагрузка на сеть составляет от 1700 до 1900 КиБ. Чтобы помочь выявить самые тяжеловесные нагрузки на сеть, Lighthouse отмечает страницы, чей общий объем сетевых запросов превышает 5000 КиБ.

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

Как уменьшить размер нагрузки на сеть

Старайтесь, чтобы общий размер в байтах не превышал 1600 КиБ. Этот целевой показатель основан на объеме данных, который теоретически может быть загружен через соединение 3G, при этом метрика TTI (Время до интерактивности) должна составлять не более 10 секунд.

Вот несколько способов уменьшить размер нагрузки на сеть:

Рекомендации по стекам

Angular

Применяйте разделение кода на уровне маршрута, чтобы минимизировать размер пакетов JavaScript. Подумайте также о предварительном кешировании активов с помощью Angular service worker.

Drupal

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

Joomla

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

WordPress

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

Ресурсы

Исходный код проверки Avoid enormous network payloads (Избегайте чрезмерных нагрузок на сеть).

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.