1

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

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

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

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

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

1 ответ 1

3

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

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

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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