jak poprawnie umieszczac pliki js/css na stronie

siema
używam laravel mixa ( webpacka) i mam pytanie do was, bo nie wiem jaka jest 'najlepsza praktyka'

przypuścmy, że mam aplikacje internetową oraz na 10 podstronach jest używany chart.js, na 10 innych datatables, a na reszcie nic specjalnego.

na razie sobie zrobilem w assetach oddzielny plik np. datatables.js gdzie importuje biblioteke datatables itp. i require skrypty do poszczegolnych tabel.
wiec teoretycznie mam jeden plik datatables.js gdzie mam biblioteke oraz wszystkie funkcje z tabela, ktory wedruje do kazdej podstrony gdzie jest potrzeba uzycia datatables.

jak powinno wyglądać "best practise"?

czy powinienem wszystko wpakować do jednego css / js i niech to lata po całej stronie ?
czy może dodawać charta/datatables do tych podstron gdzie jest używany?

Jeden rabin powie:

powinienem wszystko wpakować do jednego css / js i niech to lata po całej stronie

Inny rabin powie:

dodawać charta/datatables do tych podstron gdzie jest używany

Osobiście byłem w projektach, gdzie wykorzystywane było czasem pierwsze, czasem drugie podejście, i mogę powiedzieć najwyżej, że to drugie (rozdrabnianie na pliki) było nieco upierdliwe - ma za to zaletę w postaci minimalnie szybszego wczytywania strony (IMO niewartego zachodu).

też zależy od skali, wiadomo większy projekt można się bawić, testować wydajność wariantów, czasami jak wiem, że w niektórych widokach nie użyję css/js to rozbijam, po co ma się ładować niepotrzebnie zawsze te 100-200kb mniej

Zależy jakie duże są te pliki (jak ze 100 kilo, to jeszcze ujdzie, jak z kilkaset to już trochę problem).
Zależy czy taka ekstra biblioteka ma się odnosić do połowy podstron, czy np. tylko do jednej wybranej.
No i pamiętaj, że przeglądarka keszuje pliki skryptów, więc jeśli raz je już wczytałeś, to przy następnej odsłonie nie musisz ponownie.
A teraz sobie policz i oceń.