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

Обзор

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

建議

Чтобы увеличить скорость загрузки веб-страниц, ограничите размер данных (HTML-теги, картинки, CSS и JavaScript), необходимых для отображения содержимого первого экрана веб-страницы. Для этого можно попробовать несколько способов:

• Структурировать HTML таким образом, чтобы сначала загрузить ключевое содержимое первого экрана
• 減少資源所用的數(shù)據(jù)量

結(jié)構(gòu)化HTML，以便首先加載關(guān)鍵的首屏內(nèi)容

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

參考以下示例，了解有關(guān)如何結(jié)構(gòu)化網(wǎng)站以提高加載速度：

• 如果您的HTML先加載第三方小部件，再加載主要內(nèi)容，請(qǐng)將該加載順序更改為先加載主要內(nèi)容。
• Если ваш сайт использует двухстолбцовый макет (то есть навигационная боковая панель плюс статья), а HTML загружает боковую панель, а затем статью, подумайте о том, чтобы загрузить статью первым.

Сокращение объема данных, используемых при использовании ресурсов

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

• сокращение объема ресурсов：通過移除不必要的空格和評(píng)論來縮減HTML、CSS和JavaScript的大小。通過使用可重命名資源中變量名稱的工具，實(shí)現(xiàn)進(jìn)一步的優(yōu)化。
• 盡可能考慮Использовать CSS, а не картинки。
• 啟用壓縮功能

Except as otherwise noted, the content of this page is licensed under the?Creative Commons Attribution 3.0 License, and code samples are licensed under theApache 2.0 License. For details, see our?Site Policies.