1

на сайте получился достаточно большой файл со стилями, я решил выделить минимальные(важные) стили в отдельный файл. Этот файл подключил как обычно через . А вот что делать с оставшимся файлом?

Возможно ли подключить его через js(создать со стилем через jquery). Найти другого способа не могу, т.к. css можно подключать только в

Заранее спасибо за ответ.

P.S В гугле ответа не нашел

7
  • Что вы хотите сделать? Из вопроса не очень понятно) Commented 3 мая 2018 в 16:54
  • По аналогии с js: ключевые стили подключаете в head, вторичные перед закрытием body Commented 3 мая 2018 в 16:59
  • Лучше все в одном файле... И подключить в head...
    – Air
    Commented 3 мая 2018 в 17:08
  • @MedvedevDev А ведь css можно подключить только через тег <link>, причем только в голове
    – Юрий
    Commented 3 мая 2018 в 17:08
  • @StepanKasyanenko Сделать постзагрузку css файлов, после того как основная часть контента будет загружениа
    – Юрий
    Commented 3 мая 2018 в 17:11

1 ответ 1

3

В реалиях HTML5 <link rel="stylesheet"/> может использоваться как в <head></head> так и в <body></body> (сделано как раз для оптимизации загрузки), посему можно основные стили подключить в head перед отрисовкой основных элементов, а в конце подключить вспомогательные стили, что бы они загрузились уже после рендера страницы.

Информация взята ЗДЕСЬ

2
  • А какова поддержка браузерами этой реальности HTML5? Вопрос без подвоха, просто насколько я помню, стили, записанные таким образом, все равно собираются браузерами, загружаются синхронно и рендерятся сразу. Commented 3 мая 2018 в 19:15
  • @SashaOmelchenko, на столько не углублялся, но на сколько знаю: разметка читается построчно, как только встречается линк или скрипт, происходит его загрузка, не беря в расчет возможность асинхронной загрузки, одновременно загружаться может не более 1 (или 2, опять же не уверен) ресурсов за раз, при этом дальнейшее чтение разметки на этот период приостанавливается. Так что в концепции описанной выше все должно работать как требуется (опять же, если я прав). Что же касается поддержки - тут сложнее, не нашел особо инфы конкретно по этой "фиче" =/ Commented 3 мая 2018 в 19:38

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.