àˆ una cosa di cui non ero a conoscenza quella rivelata in Delay loading your print CSS. In sostanza, l'autore ha scoperto che se si dichiarano in una pagina due CSS esterni per lo schermo e la stampa in questo modo:
<link type="text/css" rel="stylesheet"
href="screen.cs" media="screen" />
<link type="text/css" rel="stylesheet"
href="print.css" media="print" />
quello che succede è che il CSS per lo schermo entra in azione solo quando anche il CSS per la stampa è stato interamente scaricato. Almeno, dalla pagina di test con cui l'autore accompagna l'articolo questo è il comportamento di Firefox ed Explorer, mentre Safari sembra caricare i due fogli di stile in parallelo.
L'autore propone poi di risolvere la questione usando
questo script per aggiungere attraverso il DOM il CSS per la stampa ed evitare in questo modo ritardi di caricamento per il CSS a schermo.
A parer mio si tratta di una soluzione poco pratica ed esagerata, dato che
aggiungere la dipendenza di Javascript non può far altro che impedire la fruibilità del CSS per la stampa su browser con Javascript disabilitato o non disponibile.
Da considerare poi che generalmente il CSS per la stampa non è così corposo da
produrre un ritardo significativo. Inoltre, sarebbe da verificare se succede lo stesso
utilizzando le regole @import o @media. Ne sapete qualcosa?
