Page speed - JS e CSS

[pinguinone]

Page speed - JS e CSS

Buongiorno, chiedo un aiuto perché ci sto pensando da qualche giorno e la logica nel mio cervello sta facendo una sorta di fight club dando cazzotti fortissimi a sé stessa.

Premessa:
Ho un template che sto costruendo/modificando per Hugo. Questo template usa una pletora di componenti JS (che si tirano dietro ovviamente i rispettivi CSS).
Ho diverse pagine che vengono generate e, ovviamente, non tutte implementano ogni componente JS ma tutte implementano Bootstrap e JQuery.

Soluzione 1
Lascio nel codice HTML riferimenti a ogni singola libreria CSS e JS che viene usata in ogni pagina. Pagespeed mi dice "Ciccio fai troppe richieste al server riducile che così non va bene"

Soluzione 2
Unisco quindi tutti i file CSS e JS all'interno di due distinti file...lì minimifico, risolvo qualche conflitto e carico. Page speed mi dice "Eh Ciccio non va bene manco così perché è vero che sei bravo a fare so le richieste minime ed indispensabili per il tuo sito però il file pesa tanto (ndg ma va?!?) e soprattutto dentro ha codice che non utilizzi...eliminalo"

Soluzione 3
Allora ho pensato....cerca di capire per singola pagina quali siano i componenti JS di utilizzo e poi unisci solo loro. Non l'ho ancora fatto però non mi sembra una genialiata perché alcune parti di CSS e JS non utilizzate rimarebbero comunque (poche ma esistenti)....basti pensare a Bootstrap. Inoltre ogni pagina avrebbe un unico file CSS e JS...quindi non potrei far sfruttare per niente la cache del browser...e, onestamente, mi pare u a cavolata dando all'utente (ma anche al Google bot) un disservizio piuttosto che un servizio.

Prima che la mia logica si ammazza a suon di pugni...avete qualche idea per risolvere?

[mirkomassarutto]

@pinguinone ha detto in Page speed - JS e CSS:

giorno, chiedo un aiuto perché ci sto pensando da qualche giorno e la logica nel mio cervello sta facendo una sorta di fight club dando cazzotti fortissimi a

Crea un JS e un CSS che serva in tutte le pagine...
Per casi specifici crei file specifici che utilizzi solo quando servono.

Per esempio se hai un JS per la pagina dei contatti lo caricherai solo in quella e non in tutte