Как вы загружаете стили и скрипты в многостраничном сайте?

Question

[Islam Ibakaev]

Может есть стартовый проект с правильной организацией.

Речь не идёт о веб-приложениях, где можно организовать ассинхронную подгрузку с помощью вебпака. Речь о динамическом несколькостраничном сайте, где на сервере express и pug в качестве template engine.

Comments

[sim3x]

какой размер стилей?

[Islam Ibakaev]

sim3x какая разница?

[Андрей]

sim3x: Например, от 100кб. Предположим, что все библиотеки компилятся в один сжатый style.min.css Естественно pagespeed insight ругается, да и самому понятно что файл тяжеловат и в самом начале его так и идут кучи строк вспомогательного кода прежде чем дойдет до рендера самой страницы. Выход какой? Критический css в head?
Или же этот подход изначально плох?

[sim3x]

Андрей: от 100 и до скольки?

Зачем собирать все библиотеки, если их лучше отдавать с СДН, даже если вероятность, что либа закеширована мала?

Подходов уйма

Смотреть нужно на клиента, его поведение и цели оптимизации

Я б сказал, что до 500кб в не сжатом виде и 50кб в сжатом, вообще ничего трогать не нужно
Кроме случаев, когда ваш клиент лезет через жпрс

На инсайт стоит смотреть, когда ваш клиент доволен и нужно еще поисковик удовлетворить

Answer 1

[Никита Траторов]

Через CDN... MaxCDN...