Какого размера должен быть CSS, чтобы сайт быстро загружался?

Question

[Александра Нев]

Купила шаблон Canvas на Themeforest (https://themeforest.net/item/canvas-the-multipurpo...

У него CSS почти 300 000 знаков, не слишком ли большой?
Опасаюсь, что сайт на этом шаблоне будет долго загружаться у пользователей.
Или это нормальный размер?

У меня мало опыта пока.
Если кто-то работал с этим шаблоном, поделитесь пожалуйста мыслями.
Стоит ли мне дальше продолжать работу с ним или есть смысл поискать другой?

Comments

[Антон Иванов]

Если у вас мало опыта не заморачивайтесь - используйте то, что купили (деньги то потрачены). И постепенно старайтесь расширять ваши знания.

[Александра Нев]

понимаю, но сайт все равно надо сделать нормальный, а moneyback - тоже вариант, если что

[kulaeff]

На ваш странный вопрос ответ простой - чем меньше CSS, JS, HTML и картинки, тем быстрее. А что значит 300 000 знаков? 300 килобайт? Если в минифицированном виде, то имхо многовато.

[Александра Нев]

307 килобайт. Если по знакам, то 226 000 в минифицированном виде

[Алекс Глебов]

на Themeforest все на высшем уровне по верстке, не прикопаешься. Шаблоны проходят жестокую проверку.

Answer 1

[Павел Гоголинский]

Нормальный размер.

Answer 2

[xmoonlight]

Чтобы было быстро, нужно правильно распределить загрузку стилей и не забыть закешировать на стороне клиента:
1. Стили основной сетки разметки (который inline-ом: critical) - <=2кб
2. Все остальные стили (те, что внизу перед body) - любой.

Рекомендации с Google: здесь

Разделите (если это ещё не сделано в самом шаблоне) и будет всё ОК.

Comments

[Александра Нев]

Спасибо за ответ, пока я знаю только основы, где можно почитать про распределение загрузки стилей? И как узнать, сделано ли это в самом шаблоне (шаблон популярный, по идее должно быть)?

Насчет кэша - сайт будет коммерческий, поэтому важно, чтобы он загружался быстро с первого раза, кэширование конечно будет, но оно особо не поможет

[xmoonlight]

Александра Нев, https://developers.google.com/web/fundamentals/per...

[Сергей Горячев]

Александра Нев,

(шаблон популярный, по идее должно быть)

ваще не факт. разработчики шаблонов как правило не заморачиваются.