Это правило срабатывает, когда PageSpeed Insights обнаруживает, что для отображения содержимого страницы, расположенного выше сгиба, требуются дополнительные сетевые соединения.
Обзор
Если объем требуемых данных превышает начальное окно перегрузки (обычно сжато до 14,6 КБ), потребуется дополнительный обмен данными между вашим сервером и браузером пользователя. Для пользователей сетей с высокими задержками, таких как мобильные сети, это может привести к значительным задержкам при загрузке страниц.
Рекомендации
Чтобы страницы загружались быстрее, ограничьте размер данных (HTML-разметка, изображения, CSS, JavaScript), необходимых для отображения содержимого верхней части страницы. Есть несколько способов сделать это:- Структурируйте свой HTML так, чтобы в первую очередь загружать критически важный контент, расположенный в верхней части экрана.
- Уменьшите объем данных, используемых вашими ресурсами
Структурируйте свой HTML так, чтобы в первую очередь загружать критически важный контент, расположенный в верхней части экрана.
Сначала загрузите основной контент вашей страницы. Структурируйте свою страницу так, чтобы первоначальный ответ вашего сервера отправлял данные, необходимые для немедленной обработки критической части страницы и отсрочки остальной части. Это может означать, что вам придется разделить CSS на две части: встроенную часть, отвечающую за стилизацию ATF-части контента, и часть, которую можно отложить.
Рассмотрим следующие примеры того, как можно реструктурировать сайт, чтобы он загружался быстрее:
- Если ваш HTML-код загружает сторонние виджеты до загрузки основного содержимого, измените порядок загрузки основного содержимого.
- Если на вашем сайте используется двухколоночный дизайн с боковой панелью навигации и статьей, но ваш HTML-код загружает боковую панель перед статьей, рассмотрите возможность загрузки статьи в первую очередь.
Уменьшите объем данных, используемых вашими ресурсами
После того как ваш сайт будет переработан так, чтобы он хорошо работал на нескольких устройствах и сначала загружал критически важный контент, используйте следующие методы, чтобы уменьшить объем данных, необходимых для отображения вашей страницы:- Минимизация ресурсов : HTML, CSS и JavaScript можно минимизировать, удалив ненужные пробелы и комментарии. Дальнейшая оптимизация может быть возможна за счет использования инструментов, которые переименовывают имена переменных в ваших ресурсах.
- Рассмотрите возможность использования CSS вместо изображений, где это возможно.
- Активировать сжатие
Обратная связь
Была ли эта страница полезной?