Nwlapcug.com


Come ottimizzare la velocità di Rendering di HTML

Siti Web offrono un modo potenziale per le imprese e gli individui per collegare con milioni di altri utenti su Internet. Proprietari di siti web dovrebbero sforzarsi di avere un sito Web che è facile da usare e navigare. Essi possono inoltre beneficiare di ottimizzazione del codice HTML che alimenta il sito per migliorare la velocità di rendering. Non solo fa questo collegare i visitatori con il sito Web prima, ma può aiutare ad alleviare il server che ospita le pagine Web, script e file di immagine.

Istruzioni

1

Rimuovere l'eccesso immagini sostituendo immagini solo testo con il testo effettivo. Accorciare i valori Alt delle immagini esistenti e ottimizzare le immagini nel vostro programma di grafica per ridurre i tempi di carico. Aiuta anche per specificare le dimensioni dell'immagine nel codice. Per esempio:

< img alt = "Testo descrittivo" height = "100" width = "200" >

2

Premere il tasto "Backspace" o "Delete" sulla tastiera per rimuovere lo spazio vuoto..--ad esempio tabulazioni, spazi e righe vuote..--dalla tua codifica.

3

Rimuovere i commenti HTML che persone possono vedere solo quando si Visualizza il codice sorgente della pagina. Il seguente è un esempio di un commento HTML:

<!-questo è visibile solo quando qualcuno guarda la pagina di origine.-->

4

Rimuovere inutili meta tag dalla testa della pagina. Se necessario, includere solo meta tag come descrizioni e parole chiave su pagine Web critiche. Tuttavia, specificando un carattere impostato utilizzando meta tag può garantire più veloce rendering HTML. Di seguito è riportato il meta tag di default per la codifica dei caratteri:

< meta http-equiv = "Content-Type" content = "text/html; charset = utf-8" >

5

Consente di spostare la testa del documento CSS dal corpo del documento. Se il tag corrente utilizza stile CSS, è possibile apparire simile a questo:

< div style = "position: absolute; sinistra: 3px; Top: 445px; Larghezza: 260px; z-indice: 1 "> testo < / div >

Dopo aver spostato il CSS per la testa, il documento apparirà simile a questo

< div id = "Layer1" > testo < / div >

con un blocco di CSS nella sezione head:

< head >

< style type = "text/css" >

Layer1

{

Posizione: absolute; sinistra: 3px; Top: 445px; Larghezza: 260px; z-indice: 1

}

< / stile >