Оптимизируйте работу CSS на следующих ресурсах

L
На сайте с 01.02.2011
Offline
146
2033

как вы наверное поняли, это требование с google insights.

в общем эксперимент, пытаюсь довести показатель до 100% и посмотреть как отреагирует ранжирование.

одно из оставшихся требований - Оптимизируйте работу CSS на следующих ресурсах: и тут 2 файла ксс.

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

по типу <style></style>

https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

вот тут подробности.

но ксс довольно огромный, что как то странно.

что скажете?

INWOXER seo
На сайте с 05.03.2016
Offline
52
#1

Минимизировать файл css пробовали?

★★★★★
Оптимизайка
На сайте с 11.03.2012
Offline
396
#2

Linblack, часть css, отвечающая за отображение страницы без прокрутки, необходимо вынести в <head><style></style></head>. Остальное загружать чеоез <link>. Прочитайте про critical-css.

Посмотрите, например как у меня сделано - page speed insight 100/100.

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
TJ
На сайте с 20.06.2018
Offline
10
#3
Linblack:

в общем эксперимент, пытаюсь довести показатель до 100% и посмотреть как отреагирует ранжирование.

ТС, поделитесь пожалуйста результатами.

Всегда было интересно, как оптимизация такого рода влияет на позиции.

Время отдачи сервера и тд - это все оптимизирую, а до такого рода допиливания все тямы не хватает.

🍻

L
На сайте с 01.02.2011
Offline
146
#4
Оптимизайка:
Linblack, часть css, отвечающая за отображение страницы без прокрутки, необходимо вынести в <head><style></style></head>. Остальное загружать чеоез <link>. Прочитайте про critical-css.
Посмотрите, например как у меня сделано - page speed insight 100/100.

общую суть понял, спасибо. догнал до 95%, 1 файл даст еще 3.

но оставшиеся 2% - это просьба закешировать скрипты аналитики и метрики, что - как мне подсказали - их просто сломает.

вобщем что делать - хз. эксперимент не полноценен :D

C
На сайте с 07.05.2010
Offline
211
#5

Если по тесту https://www.webpagetest.org/ для мобильных устройств загрузка страницы менее 3 сек, не стоит беспокоится.

Если файл css большой, то разбейте его согласно Оптимизайка. В моем случае огромный выигрыш дал переход на http2 с разбивкой css на две равные части (браузер грузит их параллельно).

Если переход на http2 не возможен, загружайте вторую часть css в конце странице


function loadCSS(hf){var ms=document.createElement("link");ms.rel="stylesheet";ms.href=hf;document.getElementsByTagName("head")[0].appendChild(ms);}
богоносец
На сайте с 30.01.2007
Offline
716
#6
Linblack:
и тут 2 файла ксс

Ну а попробуйте 22 файла.CSS

и чтобы некоторые ещё грузились асинхронным JS.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий