Как оптимизировать css для Google PageSpeed?

Question

[Evgeniy V.]

Как исправить, без переноса css в конец страницы и подобных действий, приводящих к хаосу на первых секундах загрузки страницы?

Comments

[alex-1917]

А разве у Raleway есть 900 толщина?)))) И кириллицы нет

[dom1n1k]

Есть у Raleway и 900, и кириллица. Просто гуляет очень много версий его дистибутивов, в некоторых что-то выпилено.

[alex-1917]

dom1n1k, может что-то где-то и гуляет, я смотрел на гугл-фонтс, там 800 макс

[dom1n1k]

Только что специально открыл GF - Black/900 на месте. И кириллица тоже.
(Правда, кириллица только в прямых - то есть на GF версия устаревшая).

Answer 1

[Данил Тивиков]

Сжать css файлы. Это процентов на 20 уменьшит вес css файла
А еще лучше вариант - объединить стили в один файл и тоже сжать

Comments

[Evgeniy V.]

Уже ужаты

[alex-1917]

Evgeniy V., внизу в гуглпэйджспид ссылка на архив - скачивали?

Answer 2

[alex-1917]

Гугл ругается на css в двух случаях:
1. Если файл неприлично мал, 10-30кб, то скорее всего он все-таки НЕ СЖАТ по мнению Гугла, решение - смотрите в самом низу ссылку на архив сжатых по мнению гугла файлов, там будет в том числе идеальный с точки зрения Гугла css. например, проверьте свой вариант - у вас точно убраны пробелы после двоеточий? Цвета типа #FFFFFF переведены в #FFF? Значения 0px есть?))) ит.д.
2. Если файл неприлично распух (от 200кб уже 100% будет ругань от Гугла), то режьте его на две части, первую грузим в шапке, вторую грузим в подвале. Что в первой части файла? Все, что видно на первом экране!

Ну и да - наверху должен быть ОДИН файл CSS, а не куча всяких приблуд для слайдера, для табов, для меню и т.д., как обычно бывает в дешевых шаблонах!

Comments

[Evgeniy V.]

Файлы действительно 20кб и один и другой
Но гугл уже не предлагает свои сжатые файлы, первый экран у меня в самом index.html, остальное в двух файлах

[alex-1917]

Evgeniy V., ну через сутки попробуйте, будет опять предлагать. И что такое "остальное в двух других файлах" ??)) Первый экран я имел ввиду ЧАСТЬ страницы, которая видна без прокрутки... index.html Это или другая, вообще без разницы, мы говорим про то что вы проверяете!
Гугл в том числе оценивает скорость загрузки этой части страницы, которая видна при открытии страницы, поэтому-то ненужныедля этой части страницы стили, скрипты и т.д. и считает неоптимизированностью.
Вот почему совет объединять все в один файл не есть гут, если вам нужно 100 баллов))) Хотя с точки зрения других сервисов важно наименьшее количество запросов к серверу. тут палки о двух концах.