Не нравятся результаты поиска? Попробуйте другой поиск!

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


     12.06.2014    Общие вопросы    2543

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


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

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

Ответил: trouble


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

Комментарии пользователей (5)

Sokolov
92 | 9

Sokolov - 12 июня 2014 10:31 - Юзер

Вот как у тебя
<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
21 | 1

ExVood - 12 июня 2014 10:48 - Юзер

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

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

Забыл code..
 <link rel="stylesheet" href="/engine/classes/min/index.php?f=/templates/Default/styles/style.css" />

ExVood
21 | 1

ExVood - 12 июня 2014 19:51 - Юзер

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

FastFud
50

1599 | 588

FastFud - 12 июня 2014 21:38 - Юзер

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

ExVood
21 | 1

ExVood - 13 июня 2014 15:18 - Юзер

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

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы