Оптимизировать работу CSS, PageSpeed Insights

@djrivaldo · Регистрация: 17.04.2015

Author24 — интернет-сервис помощи студентам

Здравствуйте.
Знаю тема поднималась но не могу найти решения.
Как решить проблему??? в подвал перенес толку нету. async писал тоже не работает.
Помогите пожалуйста.

Количество блокирующих ресурсов CSS на странице: 3. Они замедляют отображение контента.
Примерно 36 % содержания верхней части страницы можно отобразить, не дожидаясь загрузки указанных далее ресурсов. Попробуйте отложить ее или асинхронно загрузить блокирующие ресурсы либо встроить их особо важные составляющие прямо в код HTML.
Оптимизируйте работу CSS на следующих ресурсах:
https://sdkmebel.ru/style.css
https://sdkmebel.ru/…vascript/... ap.min.css
https://sdkmebel.ru/…/theme/de... esheet.css

@Vlad03 · 23.01.2017, 14:07

Опустить файлы стилей в конец html, и почитайте про critical css и поищите онлайн генераторы critical css.

@djrivaldo · 23.01.2017, 14:36 **[ТС]**

я перенес все в подвал, ничего не меняется вообще.
что еще можно сделать?

@Vlad03 · 23.01.2017, 14:43

Сообщение от djrivaldo

что еще можно сделать?

либо встроить их особо важные составляющие прямо в код HTML

Встроить css в html.

@Lanford · 23.01.2017, 15:11

Просто перенести все в подвал, как по мне, не лучший вариант. Нужно обязательно внедрить критический css в html, дабы сайт отрисовывался с первой секунды. Ну или использовать другие методы.

То что вы хотите (удалить из PSI, блокирующий код и внедрить critical css), можно реализовать с помощью плагина autoptimize.

Статья по настрйке:
http://blogforest.ru/nastroyka... s-css.html

Единственное, возможно нужно откатить, то что вы уже сделали. Рекомендую связку autoptimize+wp super cashe, так вы достигните большей производительности.

Если не хотите использовать плагин, в любом случае, в статье описывается как достать критический css.

@djrivaldo · 23.01.2017, 17:06 **[ТС]**

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

@djrivaldo 0 / 0 / 0 Регистрация: 17.04.2015 Сообщений: 13
		1
	Оптимизировать работу CSS, PageSpeed Insights 23.01.2017, 14:04. Показов 2640. Ответов 5 Метки нет (Все метки) Здравствуйте. Знаю тема поднималась но не могу найти решения. Как решить проблему??? в подвал перенес толку нету. async писал тоже не работает. Помогите пожалуйста. Количество блокирующих ресурсов CSS на странице: 3. Они замедляют отображение контента. Примерно 36 % содержания верхней части страницы можно отобразить, не дожидаясь загрузки указанных далее ресурсов. Попробуйте отложить ее или асинхронно загрузить блокирующие ресурсы либо встроить их особо важные составляющие прямо в код HTML. Оптимизируйте работу CSS на следующих ресурсах: https://sdkmebel.ru/style.css https://sdkmebel.ru/…vascript/... ap.min.css https://sdkmebel.ru/…/theme/de... esheet.css 0

@Vlad03 112 / 108 / 42 Регистрация: 22.01.2017 Сообщений: 452
	23.01.2017, 14:07	2
	Опустить файлы стилей в конец html, и почитайте про critical css и поищите онлайн генераторы critical css. 0

@djrivaldo 0 / 0 / 0 Регистрация: 17.04.2015 Сообщений: 13
	23.01.2017, 14:36 [ТС]	3
	я перенес все в подвал, ничего не меняется вообще. что еще можно сделать? 0

@Vlad03 112 / 108 / 42 Регистрация: 22.01.2017 Сообщений: 452
	23.01.2017, 14:43	4
	Сообщение от djrivaldo что еще можно сделать? либо встроить их особо важные составляющие прямо в код HTML Встроить css в html. 0

@Lanford 7 / 6 / 2 Регистрация: 08.07.2012 Сообщений: 73
	23.01.2017, 15:11	5
	Просто перенести все в подвал, как по мне, не лучший вариант. Нужно обязательно внедрить критический css в html, дабы сайт отрисовывался с первой секунды. Ну или использовать другие методы. То что вы хотите (удалить из PSI, блокирующий код и внедрить critical css), можно реализовать с помощью плагина autoptimize. Статья по настрйке: http://blogforest.ru/nastroyka... s-css.html Единственное, возможно нужно откатить, то что вы уже сделали. Рекомендую связку autoptimize+wp super cashe, так вы достигните большей производительности. Если не хотите использовать плагин, в любом случае, в статье описывается как достать критический css. 0

@djrivaldo 0 / 0 / 0 Регистрация: 17.04.2015 Сообщений: 13
	23.01.2017, 17:06 [ТС]	6
	у меня ocStore движок, нормальных плагинов не нашел. поэтому хочу вручную сделать. у вас статья про вордпресс, а мне бы вручную сделать, знаю есть отложенная загрузка 0