Решил поделится мнение, а заодно узнать мнение других разработчиков, на тему разделение стилей и скриптов по шаблонам компонентов.
Мое личное мнение это зло, которое способствует долгой загрузке сайта на клиенте. Для примера, страница написания нового сообщения в блог на этом сайте:
Видим 15! файлов стилей, то есть 15 http запросов необходимо делать браузеру чтобы получить стили. Мало того эти запросы съедают ресурсы сервера на котором находится сайт, даже при наличии nginx, по чуть чуть но съедают.
Философия что шаблон компонента должен быть независимым конечно хороша, если используются шаблоны повторно. А если они не будут использоваться повторно? На большинстве проектов представление и логика сильно отличаются от предыдущих проектов, да если что вытащить стили из общего файла не так уж и сложно.
Хочется узнать мнение других разработчиков, чем больше сайтов вижу на битриксе тем больше убеждаюсь что большинство разделяет стили и скрипты (скрипты не всегда) по шаблонам компонентов.
Мое личное мнение это зло, которое способствует долгой загрузке сайта на клиенте. Для примера, страница написания нового сообщения в блог на этом сайте:
<link href="/bitrix/templates/dev.1c-bitrix/components/bitrix/system.auth.form/auth/style.css?1216361016" type="text/css" rel="stylesheet" /> <link href="/bitrix/templates/.default/components/bitrix/menu/horizontal_multilevel/style.css?1222430265" type="text/css" rel="stylesheet" /> <link href="/bitrix/templates/.default/components/bitrix/menu/right/style.css?1237371355" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/socialnetwork.events_dyn/templates/.default/style.css?1226492345" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/photogallery/templates/.default/style.css" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/socialnetwork/templates/.default/style.css?1270653807" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/socialnetwork.user_menu/templates/.default/style.css?1228923644" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/socialnetwork.user_profile/templates/short/style.css?1270653828" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/socialnetwork.blog.menu/templates/.default/style.css?1225373657" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/blog/templates/.default/style.css" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/blog/templates/.default/themes/blue/style.css" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/search.tags.input/templates/.default/style.css?1265876417" type="text/css" rel="stylesheet" /> <link href="/bitrix/components/bitrix/main.calendar/templates/.default/style.css?1235664650" type="text/css" rel="stylesheet" /> <link href="/bitrix/templates/dev.1c-bitrix/styles.css" type="text/css" rel="stylesheet" /> <link href="/bitrix/templates/dev.1c-bitrix/template_styles.css" type="text/css" rel="stylesheet" /> |
Видим 15! файлов стилей, то есть 15 http запросов необходимо делать браузеру чтобы получить стили. Мало того эти запросы съедают ресурсы сервера на котором находится сайт, даже при наличии nginx, по чуть чуть но съедают.
Философия что шаблон компонента должен быть независимым конечно хороша, если используются шаблоны повторно. А если они не будут использоваться повторно? На большинстве проектов представление и логика сильно отличаются от предыдущих проектов, да если что вытащить стили из общего файла не так уж и сложно.
Хочется узнать мнение других разработчиков, чем больше сайтов вижу на битриксе тем больше убеждаюсь что большинство разделяет стили и скрипты (скрипты не всегда) по шаблонам компонентов.