Оптимизация процесса передачи CSS

Name: 廈門杰贏網(wǎng)絡(luò)科技有限公司
Address: CN
Telephone: 0592-2203787
Price range: $$$
Rating: 5

On this page

Это правило срабатывает, когда PageSpeed Insights обнаруживает, что веб-страница содержит внешнюю таблицу стилей, блокирующую рендеринг (которая задерживает время отображения контента на экране).

Обзор

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

內(nèi)嵌較小CSS文件的示例

如果HTML文檔如下所示：

?

< html >
< head >
? ?
?
?
< div class="blue ">
Hello, world!
? ?

并且small.cssРесурсы выглядят следующим образом:

?

? .yellow {background-color: yellow;}
. blue {color: blue;}
? .big { font-size: 8em; }
? .bold { font-weight: bold; }

您就可以內(nèi)嵌關(guān)鍵的CSS，具體方法如下：

?

< head >
< style >
? ? ? .blue{color:blue;}
< /style >
? ?
?
? ?

Hello, world!
< /div >
< /body >
< /html >
< link rel="stylesheet "href="small.css" >

Оригинальный small.css загружается только после загрузки веб-страницы. Поставить все через JavaScript< style >和< link >Элементы вставляются в документ для поддержания порядка применения правил CSS.

Не встраивайте больший URI данных

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

Не встраивайте атрибут CSS

Следует стараться избегать в HTML-элементах (например,< p style=... >) встроенный атрибут CSS, так как это часто приводит к появлению излишнего дублирующего кода.Политика безопасности контента(CSP)會在默認情況下阻止在HTML元素上內(nèi)嵌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 ourSite Policies.

Основана в 2011 году, как профессиональная外貿(mào)網(wǎng)絡(luò)營銷公司，廈門杰贏網(wǎng)絡(luò)科技有限公司一直致力于為中國優(yōu)秀外貿(mào)企業(yè)提供優(yōu)質(zhì)Создание сайта внешней торговли,Оптимизация Google,Продвижение сайта внешней торговли,Веб-сайт внешней торговли, SEO внешней торговли,Google SEO,Внешняя торговля SNS Маркетинги т.д.Интернет-маркетинг внешней торговлиДраконье служение.

Поставщик внешнеторговых маркетинговых услуг.

關(guān)于杰贏

新聞資訊

服務(wù)導(dǎo)航

成功案例

Контактные данные

ООО Сямэньская сетевая технологическая компания

Комната 2607, площадь Мэйсинь, №879, ул. Сяхэ, р-н Симин, г. Сямэнь

電話: 0592-2203787

手機: 13276021100

QQ: 215168

Почтовый ящик: [email protected]

Сcылки на друзей: Google SEO優(yōu)化, 谷歌優(yōu)化公司.

Website Design & Support: jeawin.com