Pagina Carica su Refresh in IE8

Question

Sto sviluppando un sito Web e sto ricevendo molte incoerenze con il caricamento durante l'aggiornamento di una pagina. Fare clic sui link funziona come previsto; nessun problema lì. Il problema si verifica solo RINFRESCANDO una pagina. Noterai come caricare per sempre, e in alcuni casi, si rifiuta di caricare.

http://annualreview.com.au/caltex/2012/

Il sito è stato costruito utilizzando WordPress 3.5.1 (http://wordpress.org) e Fondazione 3.2.5 (http://foundation.zurb.com/).

Qualsiasi assistenza in merito sarebbe molto apprezzata. Sono fuori di idee.

Grazie.

Aggiornamento: Questo potrebbe non essere correlato a IE. Il problema sembra esistere anche in altri browser.

Answer 1

Ho sostituito Respond.js con il seguente script e il problema si è risolto.http://code.google.com/p/css3-mediaqueries-js

Answer 2

Sembra che sia stato introdotto un problema di temporizzazione all'interno di respond.js. Può avere il codice javascript direttamente in linea nel file js e non è racchiuso in un evento come document.ready. Ciò causerebbe l'esecuzione immediata mentre la pagina si carica e legge il js e potrebbe causare un comportamento di caricamento della pagina incoerente a seconda di quanto accadono le cose veloci o lente.

Se questo è il caso, una soluzione rapida potrebbe essere quella di avvolgere l'intero contenuto del file respond.js nel gestore di eventi pronto per il documento in modo che il codice non venga eseguito fino al completamento del caricamento.

$(document).ready(function(){ 
    //respond.js contents here.. 
}); 

Detto questo, vorrei controllare la console strumenti di sviluppo di IE o Chrome per vedere se eventuali errori js stanno accadendo. Se ancora non riesco a rintracciare la logica di caricamento della pagina per cercare di identificare dove potrebbe esistere un problema correlato alla temporizzazione e andare da lì. È possibile aggiungere voci di console.log nel codice per consentirne la traccia in fase di esecuzione e determinare il flusso. Le voci del registro possono rendere evidente il punto in cui il problema si origina.

Answer 3

Guardando a Firebug, ci sono enormi ritardi nel tentativo di caricare le immagini. Ogni immagine sta bloccando fino a quando l'immagine precedente non è stata caricata - ha provato ad aggiornare la pagina alcune volte e le immagini prendono ogni volta da 1 a 11 secondi.

Image of Firebug results:

Io non sono molto esperto in ottimizzazione delle immagini, ma dopo una rapida ricerca, ho trovato un paio di modi si potrebbe tentare di ottimizzare i tempi di caricamento:

• CSS Sprites - questo è improbabile che ti sia utile per guardare le dimensioni delle immagini, e può essere difficile implementare le dissolvenze dell'immagine, ma vale la pena menzionarle nel caso in cui possano essere implementate altrove all'interno del sito web.
• L'altra cosa che potresti provare, sta usando altri siti di hosting di immagini, come Flickr o Amazon S3. I browser tendono a consentire solo di avere 2 connessioni allo stesso server alla volta (con tutte le immagini sullo stesso server, i tempi di blocco sono lunghi), ma consentono le connessioni a 8 server diversi contemporaneamente, quindi utilizzando il terzo i siti di parti potrebbero migliorare il tempo di caricamento per te.