Оптимизация CSS

ExVood 12.06.2014 оптимизация, стили, css Все вопросы » Общие вопросы 5922

вопрос

Доброе утро!
Проделал уже почти все рекомендации Google PageSpeed и осталась всего 1на, которую я не могу понять.

Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
Количество блокирующих ресурсов CSS на странице: 1. Они замедляют отображение контента.

Файл стилей на сайте всего 1ин и весит 19кб на 800 строк.
Пробовал разделять файл на 2а, прогонять по всяким сервисам - безрезультатно.
Пробовал вставить его в конец, тогда:

Примерно 22 % содержания верхней части страницы можно отобразить, не дожидаясь загрузки указанных далее ресурсов. Попробуйте отложить ее или асинхронно загрузить блокирующие ресурсы либо встроить их особо важные составляющие прямо в код HTML.

Конечно, переносить файл стилей в конец документа не вариант вообще.
В общем, как оптимизировать то?

Ответил: trouble

Почему же не вариант, вот инструкция Увеличение скорости загрузки сайта на DLE.

5 комментариев

Юзер

107

Sokolov - 2015-04-0712 июня 2014 10:31 - #30013

Вот как у тебя

<link rel="stylesheet" type="text/css" href="{THEME}/css/style.css" />
<link rel="stylesheet" type="text/css" href="{THEME}/css/engine.css" />

а как надо сделать

<link rel="stylesheet" type="text/css" href="/engine/classes/min/index.php?f={THEME}/css/style.css,{THEME}/css/engine.css" />

Это сжатие и объединение в одно, можно продолжить цепочку, если есть ещё стили, через запятую. Если я тебя правильно понял)

Юзер

ExVood - 2015-04-0712 июня 2014 10:48 - #30014

Цитата: Sokolov

У меня нет engine.css, только style, т.к. стили писал сам:

Файл стилей на сайте всего 1ин и весит 19кб на 800 строк.
Пробовал разделять файл на 2а, прогонять по всяким сервисам - безрезультатно.

Забыл code..

 <link rel="stylesheet" href="/engine/classes/min/index.php?f=/templates/Default/styles/style.css" />

Юзер

ExVood - 2015-04-0712 июня 2014 19:51 - #30033

Неужели никто не делал?!

Юзер

1599

FastFud - 2015-04-0712 июня 2014 21:38 - #30035

Используй сервисы типа этого http://cssminifier.com/ .
800 строк это еще много, у других по 5000 и не жалуются )

Юзер

ExVood - 2015-04-0713 июня 2014 15:18 - #30069

FastFud,
И что? Ну все css стало в 1ну строку, а сообщение осталось

Почему же не вариант, вот инструкция Увеличение скорости загрузки сайта на DLE.

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

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст