Нужен ли новый css
здравствуйте друзья. Как еще не опытный верстальщик обращаюсь к вам с вопросом. Ситуация такова: я сделал главную страницу сайта, к ней у меня подключен один css (в котором прописаны все к этой странице) и 2 js(один карусель, другой раздел новостей). Вопрос такой: для других страниц стоит ли прописывать новый css или все прописывать в одном.
|
Ну явно что у тебя не должен дублироваться код.
Если кода мало - пиши все в один файл. Если много - раскидывай по файлам. На странице подключай один главный файл, в котором будет @import всех страниц. В дальнейшем можешь настроить автосборку через gulp: минификация, вендорные префиксы, объединение в один файл. Если кода оочень много, то на страницах нужно грузить общий файл + дополнительный файл. |
ну главная у меня занимает 1к строк. про автосборку я частенько вижу на хабра, но не найду материал для изучения. Да и на самом деле часто мнения расходятся по этому поводу. Некоторые пишут,что все в один чтобы подгружалась один раз. Другие, что несколько ибо много лишнего кода грузит одна большая css. Идея с общей+ дополнительной мне понятно для реализации в отличии от автосборке. Хочу еще заметить что планируется портал, а копаться в 20-30к кода меня пугает)
|
Если кода много - раскидывай все по небольшим файлам. Настроить сборку несложно.
Как лучше - грузить все одним файлом или несколькими - нужно смотреть конкретный проект. Тут нужно сравнивать время на лишние килобайты против время на доп.запросы. Один файл - грузится все одним запросом, в том числе код, который не используется на данной странице. Зато при переходе на другую страницу ничего грузить уже не надо - страница отобразится моментально. Для начала сделай так. С учетом минификации и гзипа оцени вес файла и делай вывод - нужно ли заморачиваться с разбиением на группы или нет. |
спасибо за ответы, буду думать, но пока остановился на выборе одной основной css, а там посмотрю). правда у меня есть еще один вопрос, знакомый сказал, что лучше все в одной css чтобы роботу поисковику было легче найти и разобраться, я откровенно сказать не понял его, ведь эту роль выполняют мета теги в html , или я чего то не понимаю?
|
Не слушай своего знакомого - бред какой-то говорит.
Что касается поисковиков, то гугл возможно поощряет быстрые сайты. Можешь проверить сайт через pagespeed (в Dev Tools хрома есть аналогичный инструмент). |
Часовой пояс GMT +3, время: 05:22. |