Вставить все файлы css и js вставить в html?

Question

[nikolau]

Можно ли, теоретически, обойтись без script src= и link href=", а прописать весь код css и js файлов и библиотек в html файле? Возможно ли такое на крупном проекте (чтобы сократить обращения к серверу до абсолютного минимума)?

Answer 1

[Александр Вульф]

Да, возможно. Однако, обычно, файлы сжимаются в 2 бандла: script.js и style.css, которые содержат все скрипты и стили соответственно. В итоге имеем 3 запроса к браузеру при обращении.
Также в таком случаем скрипты и стили кешируются, а если мы будем их втыкать "напрямую", то они каждый раз будут генерироваться на сервере/загружаться со страницей.

Comments

[nikolau]

Спасибо)

[Alex XYZ]

nikolau: От себя добавлю, что и эти файлы можно заинклудить в html, тогда получится действительно один html-файл. Если это надо принципиально.

Answer 2

[Vlad Feninets]

можно, но не нужно.
уж лучше конкатить это все в 1 js/css. Так ты снизишь кол-во запросов к серверу + оно будет кешироваться браузером или сервером.
А если это всё ложить инлайном прямо в хтмл, то во-первых сам хтмл у тебя разрастётся до нескольких мб, а во-вторых если твоя хтмл не статика, то кешироваться оно не будет, а соответственно клиент всегда будет тянуть твою километровую хтмл-пейдж.
Маленькие кусочки js/css целесообразно класть в хтмл, но не всё подряд.

Юзай CDN, указывай script и style в конец хтмл (перед закрывающим боди) , если они тебе не нужны при рендере дом-дерева и будет тебе счастье.

А вообще ждем полноценной имплементации http/2 и забываем обо всем этом как страшный сон.