PDA

View Full Version : [HTML/Javascript] Dare priorità al caricamento di uno o più file javascript

LacioDromBuonViaggio
06-05-2010, 17:36
Salve,
come da titolo avrei il bisogno di far caricare uno o più file javascript prima che il resto della pagina venga caricata.
Questo perché sto utilizzando dei lightbox/fancybox che al click di un collegamento ipertestuale si attivano e visualizzano un'immagine o un iframe al loro interno.
Caricando tutto sul web mi sono accorto che qualche volta, cliccando su un link, il lightbox non funziona (il collegamento appare su un'altra scheda) e questo credo sia dovuto al mancato caricamento di tutti i file js inerenti al lightbox (250KB in totale).

Per questo motivo mi chiedevo se fosse possibile caricare prima tutti quei file e poi tutto il resto (immagini, testo, ecc), in modo da evitare il problema sopracitato.
MaxArt
10-05-2010, 14:58
Io nasconderei tutto il contenuto della pagina e piazzerei in mezzo ad essa una classica immagine di caricamento tipo questa:
http://events.examiner.com/images/loading-spiral.gif
Dopodiché, registrerei sull'evento onload del body una routine che faccia sparire l'immagine di caricamento e mostri la pagina, rendendo finalmente possibile interagirvi.

Insomma, una cosa del genere
<!doctype ...>
<html>
<head>
<style type="text/css">
html, body {height: 100%; padding: 0px;}
#loading {
background: white url(loading-spiral.gif) no-repeat;
margin: -118px 0px 0px -118px;
position: absolute;
top: 50%;
left: 50%;
width: 235px;
height: 235px;
}
#pagina {display: none;}
</style>
...
</head>
<body onload="document.getElementById('loading').style.display='none';
document.getElementById('pagina').style.display='block';">
<div id="loading"></div>
<div id="pagina">
<!-- Qui ci va la tua pagina -->
...
</div>
</body>
</html>
LacioDromBuonViaggio
10-05-2010, 16:46
Io nasconderei tutto il contenuto della pagina e piazzerei in mezzo ad essa una classica immagine di caricamento tipo questa:
http://events.examiner.com/images/loading-spiral.gif
Dopodiché, registrerei sull'evento onload del body una routine che faccia sparire l'immagine di caricamento e mostri la pagina, rendendo finalmente possibile interagirvi.

Insomma, una cosa del genere


Molto ingegnoso.. Questa soluzione influisce in negativo sul posizionamento nei motori di ricerca? Oppure non crea problemi?
MaxArt
10-05-2010, 19:18
Molto ingegnoso.. Questa soluzione influisce in negativo sul posizionamento nei motori di ricerca? Oppure non crea problemi?Perché? Temi che i motori di ricerca, se vedono che la pagina è (almeno inizialmente) nascosta, poi non te la indicizzino?
Francamente non ci ho mai pensato, ma credo di no. L'euristica è sui contenuti, non sugli script o sugli stili applicati. Comunque leggi qui:
http://it.wikipedia.org/wiki/Ottimizzazione_%28motori_di_ricerca%29