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

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

вопрос

Доброе утро!
Проделал уже почти все рекомендации 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 нужно кидать в конец?

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?