Ritardo del Css???

**rosafanti** · 15-10-2007, 10:08

Ciao a tutti,
Bando ai covenevoli e vado subito al sodo:
Ultimamente ho fatto lo sviluppo di alcuni siti.... utilizzando sempre per importare il foglio stile il codice:

codice:

<style type="text/css" media="screen">
@import url(../css/global.css);
</style>

La mia home page pesa 2.91kb
Il foglio stile pesa: 4.54kb
Le immagini che richiamo nel foglio stile sommate fanno meno di 90kb, ma cmq non le uso tutte nelle index.
Per eccesso diciamo 80k di immagini nella index.

Ora, alcuni utenti si sono lamentati del fatto che su connessione adsl prima la pagina si vede senza stile per una frazione di secondo e poi appare con il foglio stile caricato.

Possiblile... ma a cosa è dovuto?
Ne la pagina ne il css mi sembrano così grossi da giustificare un tempo di attesa....
Cosa ne pensate?

**erredeco** · 15-10-2007, 10:16

Ho una sola parolina per te... FOUC

http://bluerobot.com/web/css/fouc.asp/

**rosafanti** · 15-10-2007, 10:29

in pratica il problema si verifica quando si ha un solo link di tipo @import nella head
consigliano di aggiungerne un secondo:

codice:

<head>
<title>My Page</title>
<script type="text/javascript"> </script>
<style type="text/css" media="screen">@import "style.css";</style>
</head>

oppure:

codice:

<head>
<title>My Page</title>
<link rel="stylesheet" type="text/css" media="print" href="print.css">
<style type="text/css" media="screen">@import "style.css";</style>
</head>

**rosafanti** · 15-10-2007, 11:01

ALTRO PROBLEMA:

Sto usando le lightbox per una galleria.
Il sito carica il css, poi si mette a fare il load delle thumb, che sono un mosaico di foto infinite, tipo 80, e sino a che nn ha finito di caricare tutte le thumb le Lightbox non funzionano.
In pratica nn partono......: il link funziona e invece che aprire la LB apre la foto in una pagina bianca...
Effetto come se nn si includono le LB

Ma che cacchio tutti sti problemi me li smazzo solo io...!

codice:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Blabla</title>

<style type="text/css" media="screen">
@import url(../css/global.css);
@import url(../css/testata_ITA.css);
@import url(css/lightbox.css);

.orario24 {
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	padding-right: 12px;
	letter-spacing: normal;
}
</style>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>

**rosafanti** · 15-10-2007, 11:21

It doesn't work if I click an image link before the page has finished loading.
The script is activated only after the page has finished loading.

Farò un preload delle thumb...

Discussione: Ritardo del Css???

Strumenti discussione

Ricerca discussione

Visualizza

Ritardo del Css???

Permessi di invio