Что делать если все стили в html?

Question

[Enniack]

Помогал на фрилансе по мелочи, человек купил и установил готовый шаблон, смотрю - все стили записаны в html через style. В итоге в одностраничном лендинге html весит 52кб. Еще и через id. Всё через id.

Сам еще не до конца разбираюсь, но, помоему, это сильно сказывается на скорости загрузки?
Что посотовать клиенту, сжать html(после сжатия 52кб -> 9кб) или переписать все стили в css?

Answer 1

[Котик Антон]

Сам еще не до конца разбираюсь, но, помоему, это сильно сказывается на скорости загрузки?

Сказывается, возможно, в лучшую сторону. Всё же на один запрос к серверу меньше.
stackoverflow.com/questions/8284365/external-css-v...

Сжать html надо в любом случае.

Answer 2

[Алексей Уколов]

Наоборот, заинлайненные стили загрузку ускорят за счет отсутствия дополнительного запроса файла стилей.
Но поддерживать их - ад, конечно.

Comments

[Alex XYZ]

Есть выход из ада - grunt, processhtml

[Дмитрий Ким]

Для лендинга, думаю, это не так критично.

Answer 3

[Grigruss]

Вынести стили и использовать классы в тех местах, где это просится. Скорость не зависит от того где прописаны стили, просто удобней если они во внешнем файле. Использованием классов вместо id можно оптимизировать код для JS и CSS, что как раз и повысит скорость.
В любом случае ручками править.

Answer 4

[zooks]

Для выноса заинлайненых стилей в аттрибутах тегов (какой "чудак" это делал?) в файл CSS рекомендую использовать Dreamweaver, там есть такая функция.