2010-02-13 17 views
5

Di seguito si riporta il codice html di esempio i utilizzando nella mia pagina webCome posso caricare il mio sito più velocemente in Internet Explorer, come in Firefox?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
    <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    </head> 

    <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" > 

''''' Many tables and data's and images'''''' 
    </body> 
    </html> 

Quando uso per caricare sopra il codice di Firefox, che funziona veloce ... che significa, che cosa carico nella pagina web verrà visualizzato.

ma in Internet Explorer, tutto il codice è lavorato quindi dopo il carico unica pagina ...

Come posso fare il mio codice stesso come Firefox?

sperando vostra risposta,

alex

+0

@Alex, è possibile fornire un collegamento alla pagina in modo che possiamo confrontare tra IE e Firefox? –

+0

La pagina completamente caricata ha un aspetto diverso in IE e Firefox oppure è diverso il tempo di caricamento o la pagina parzialmente caricata? – tux21b

+0

tempo di caricamento pagina diverso. firefox disply contact che carica, ma esplora il carico dopo tutte le applicazioni – Alex

risposta

1

Non si può influenzare il tempo di caricamento e l'ordine facilmente. Ci sono molti diversi layout engine, usati da diversi browser, e funzionano tutti un po 'diversamente. E solo il risultato è specificato dagli standard web.

È tuttavia possibile caricare parti dei siti Web in modo asincrono utilizzando AJAX. Ciò significherebbe che non hai incluso un grande tavolo che richiede molto tempo per essere caricato nel tuo file HTML principale. Invece, si utilizza un po 'di Javascript per caricare la tabella in modo asincrono nel sito Web dopo che la pagina è stata caricata.

Ma finché la tabella non è così grande che ci vogliono diversi secondi per caricare/eseguire il rendering, non mi preoccuperei del problema.

0

Evitare

'' ''' Molte tabelle e dati di e immagini '' '' ''

per la progettazione di siti web, le tabelle di utilizzo solo per i dati tabulari, anche provare a utilizzare css invece di inline styling come la vedo con il tag body si può fare che dal CSS

body{ 
margin:0; 
} 

Forse la lettura di alcuni articoli come questo può migliorare le vostre abilità:

https://stackoverflow.com/questions/72394/what-should-a-developer-know-before-building-a-public-web-site

o

http://developer.yahoo.com/performance/rules.html

1

errori di marcatura Forse hai che richiedono l'algoritmo fallback di IE per ottenere attraverso l'intero documento prima di lavorare fuori ciò che è sbagliato.

Certo hai un mix disagio della sintassi XHTML (/> e xmlns) con HTML vecchia scuola (davvero vecchia scuola: gli attributi di margine corpo non sono state necessarie dal momento che Netscape 3 e sono molto validi anche in HTML4 "di transizione"). E l'ID di sistema nel doctype indica una versione della DTD specificatamente inutilmente datata. Forse ci sono più problemi.

Innanzitutto assicurati che il codice passi the validator, per garantire che gli errori di markup non siano da incolpare.

Quindi, per le tabelle, preferisci impostare lo stile table-layout: fixed su di esse, con larghezza di colonna esplicita impostata sulla prima riga di celle o su elementi <col>.Ciò consente al browser di iniziare a disporre correttamente la tabella senza doversi preoccupare del contenuto della tabella che successivamente influisce sulle larghezze, in modo da ottenere un rendering più veloce e più stabile.

(Anche se si sta ancora utilizzando layout per le tabelle probabilmente si dovrebbe iniziare a guardare layout CSS.)

+0

+1 rendendo la tabella spaghetti w3c valida già la velocizza * in modo massiccio * nella mia esperienza. –

0

Non c'è pallottola d'argento per fare questo, ma come regola generale si può fare a qualsiasi motore di rendering essendo il più esplicito possibile.

Ad esempio: Se le tabelle hanno colonne di ridimensionamento automatico, Internet Explorer caricherà tutte le celle per determinare il layout effettivo della tabella prima di visualizzare qualsiasi elemento.

È possibile aggirare il problema impostando esplicitamente tutte le larghezze delle colonne.

Lo stesso vale per le immagini. Se è possibile, aggiungere informazioni su larghezza e altezza a tutti gli elementi img, in modo che il motore di rendering non carichi l'immagine, per determinare le dimensioni dell'elemento img.

Sebbene sia necessario caricare più velocemente le pagine in Internet Explorer, provare a utilizzare lo YSlow Firefox addon per determinare eventuali colli di bottiglia generali della pagina. È abbastanza probabile che qualsiasi problema (non rilevato) abbia un impatto molto più profondo su Internet Explorer rispetto a Firefox.

0

È possibile utilizzare CNAME (alias DNS) per suddividere le immagini su più nomi host.
yahoo

Problemi correlati