Css lento a caricarsi

[SGr33n]

Ciao a tutti,

Ho una pagina molto leggera, con un css altrettanto leggero, ma stranamente per mezzo secondo la pagina viene visualizzata così com'è senza applicazione del css... c'è un modo per evitarlo ?

Richiamo il css con:

<style type="text/css" media="all">@import "style.css";</style>

Grazie

[pierofix]

Hai provato a linkare il css in questo modo?

<link rel="stylesheet" type="text/css" media="all" href="style.css" />

[andrea.paiola]

cache del browser intasata?
usa

<link rel="stylesheet" type="text/css" media="all" href="style.css" title="stile preferito" />

[ptransidico]

forse puo interessare:

Gli autori di siti web che utilizzano il metodo "@import" per importare un file CSS all' interno di una pagina XHTML, avranno notato che se la stessa viene visualizzata per la prima volta (non nella cache del browser), viene caricata prima la pagina senza stili e dopo pochissimo tempo il documento viene formattato e visualizzato correttamente.
Questo è uno dei tanti bachi di cui IE soffre.
Soluzione? basta aggiungere un commento prima del tag <style>, in questo modo:


<style type="text/css">
<!--
@import url(Nome_del_Foglio_di_Stile.css);
-->
</style>

ciao

[andrea.paiola]

grazie! questa non la sepevo... oppure me la son dimenticata... ma secondo voi quale è meglio?
A List Apart usa questo:

<style type="text/css" media="screen">@import "/c/ala.css";</style>

meyerweb usa questo:

<link rel="stylesheet" href="/ui/meyerweb.css" type="text/css" media="screen, projection">

simplebits questo:

<link rel="stylesheet" type="text/css" media="screen" href="/css/screen.css"/>

extrowebsite fa così:

<link rel="stylesheet" href="css/principale.css" media="screen" type="text/css" />
<style type="text/css" media="screen">
@import url(css/principale.css );

cssvault:

<style type="text/css">
			@import "http://cssvault.com/styles.css";
		</style>

web standard

<style type="text/css">
	@import "/inc/css/wsp.css";
</style>

zeldman

<style type="text/css" media="all">@import "/c/c04.css";</style>

[span]

Originariamente inviato da ptransidico
forse puo interessare:

Gli autori di siti web che utilizzano il metodo "@import" per importare un file CSS all' interno di una pagina XHTML, avranno notato che se la stessa viene visualizzata per la prima volta (non nella cache del browser), viene caricata prima la pagina senza stili e dopo pochissimo tempo il documento viene formattato e visualizzato correttamente.
Questo è uno dei tanti bachi di cui IE soffre.
Soluzione? basta aggiungere un commento prima del tag <style>, in questo modo:


<style type="text/css">
<!--
@import url(Nome_del_Foglio_di_Stile.css);
-->
</style>

ciao

interessante

@andrea: usare link o @import è lo stesso, solo che import non è supportato da netscape 4 che non supporta bene i CSS e a cui è quindi meglio non farlo leggere (sempre che netscape4 lo usi ancora qualcuno )

[SGr33n]

Grazie per la verità ho appena cominciato ad usare questo metodo, mi sembrava + comodo xkè pur non trovando il file il resto della pagina veniva eseguita...

Ma secondo voi quale è il migliore ?