È buona norma inserire il foglio di stile CSS in alto (tra i tag head) e il codice JavaScript in basso. Assicurati che il codice CSS venga caricato prima del resto della pagina. Il motivo principale per posizionare JavaScript nella parte inferiore del sito è la sua grande dimensione. Oltre al suo ulteriore impatto sulla velocità del sito web. Pertanto, tali script sono posizionati nella parte inferiore del sito. Ciò consente loro di caricare dopo i componenti principali della pagina. Gli stili essenziali necessari per modellare il contenuto nella parte superiore della pagina sono incorporati e applicati immediatamente al documento. Il file small.css completo viene caricato dopo il rendering iniziale della pagina. I suoi stili vengono applicati alla pagina al termine del caricamento, senza bloccare il rendering iniziale del contenuto critico. Non incorporare URI di big data Fai attenzione quando incorpori URI di dati nei file CSS. Sebbene l'utilizzo selettivo di URI di dati di piccole dimensioni nel tuo CSS possa avere senso, l'incorporamento di URI di dati di grandi dimensioni può far sì che il tuo CSS sia più grande nella parte superiore della piega, rallentando i tempi di rendering della pagina. Non incorporare attributi CSS L'incorporamento di attributi CSS su elementi HTML (come ) dovrebbe essere evitato quando possibile, in quanto ciò spesso porta a inutili duplicazioni di codice. Inoltre, il CSS incorporato negli elementi HTML è bloccato per impostazione predefinita da Content Security Policy (CSP).