L’uso della direttiva CSS @import in un foglio di stile esterno potrebbe, in alcuni casi, aggiungere ritardi durante il caricamento di una pagina Web e rallentare il sito. Che cosa comporta questo per il tuo portale?

Nota – GTMetrix segnala questo problema come: Avoid CSS @import

CSS @import consente ai fogli di stile di importare altri fogli di stile. Quando CSS @import viene utilizzato da un foglio di stile esterno, il browser in genere non è in grado di scaricare i fogli di stile in parallelo, il che aggiunge ulteriori tempi di handshake (andata e ritorno) al caricamento complessivo della pagina.

Ad esempio, se stile.css contiene il seguente contenuto:

@import url (“stile2.css”)

Il browser dovrà scaricare, analizzare ed eseguire tutto il file first.css prima di poter scoprire che è necessario scaricare stile2.css.

In genere questo problema si deve risolvere a mano, se possibile, rielaborando i file del foglio di stile e riscrivendoli.