[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:

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

Codice HTML:

<!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

Quote:

Originariamente inviato da MaxArt

Io nasconderei tutto il contenuto della pagina e piazzerei in mezzo ad essa una classica immagine di caricamento tipo questa:

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

Quote:

Originariamente inviato da LacioDromBuonViaggio

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/Ottimiz..._di_ricerca%29

06-05-2010, 17:36	#1
LacioDromBuonViaggio Senior Member Iscritto dal: Jul 2008 Città: Sardegna Messaggi: 1005	[HTML/Javascript] Dare priorità al caricamento di uno o più file javascript 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. __________________ Aeroengine II BBA Black \| Asus P5N-T Deluxe 780i \| Intel E8400 C0 @4,050Ghz 1,35v + TR Ultra-120 eXtreme \| Corsair 2x2GB PC6400 XMS2 DHX @900Mhz 2,15v \| XFX 8800 GT 512MB @730/990 + TR HR-03 Rev. A \| Tagan TG500-BZ \| Zalman ZM-MFC2 Fan Control \| WD Raptor 10000rpm 150 GB + 1,5TB \| Iiyama ProLite E2607WSV

10-05-2010, 14:58	#2
MaxArt Senior Member Iscritto dal: Apr 2004 Città: Livorno Messaggi: 6659	Io nasconderei tutto il contenuto della pagina e piazzerei in mezzo ad essa una classica immagine di caricamento tipo questa: 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 Codice HTML: <!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> __________________ HWU Rugby Group :'( - FAQ Processori - Aurea Sectio - CogitoWeb: idee varie sviluppando nel web

Strumenti
Mostra una versione stampabile Invia questa pagina per email