И храни данные сокетов там

Сокеты на то и сокеты чтобы их юзать многоразово, а не при тиковом рендере на сервере

На серваке статика сгенереная

Ну смотри заголовки сервера статики

Так а они тут причём? Запрос то от клиента

Почитать как работает CSP так сложно?

Читаю, пока ещё не понял до конца

Ребят не подскажете, что то не могу понять куда копать

extractCSS:true

в коде вижу

<style data-vue-ssr-id="5764bbd8:0 1f99b935:0 38088dda:0 03962918:0 21217ffe:0 b783a6e0:0 50fa9f92:0 1c408b56:0 11a15cfa:0 601d7825:0 7dd47858:0 ef303a5c:0 d21ae932:0 d0a7ffaa:0 75e0b9db:0">.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-

и очень очень много

Может как то scss не так подключаю

Это critical css

А что это такое? Где про него можно почитать?

В Гугле полно информации зачем нужен critical css

Вот от того же Гугла https://web.dev/extract-critical-css/

Немного не пойму

Ему лучше быть или нет?

Просто 800кб на каждую страницу

А так в css и закешировать

У меня весь bootstrap в этом css, это норм?

Страница грузится один раз, по хорошему накст должен был выставить куку с айдишниками закешированных CSS, после повторного захода уже не вставлять критический цсс, но хз как там работает.

4 мегабайта на первую загрузку уже. Google Page Speed уже ругается