Hvordan å optimalisere HTML-gjengivelse Speed

Nettsteder tilbyr en potensiell måte for bedrifter og enkeltpersoner å få kontakt med millioner av andre på internett. Nettstedet eiere bør tilstrebe å ha et nettsted som er enkelt å bruke og navigere. De kan også ha nytte av å optimalisere HTML-koden som driver nettstedet for å forbedre rendering hastighet. Ikke bare gjør dette koble besøkende med nettsiden før, men det kan bidra til å avlaste belastningen på serveren som er vert for websider, scripts og bildefiler.

Bruksanvisning

1 Fjern overflødige bilder ved å erstatte tekstbaserte bilder med selve teksten. Forkorte Alt verdiene av eksisterende bilder og optimalisere bildene i grafikkprogrammet for å redusere belastningen tid. Det hjelper også å spesifisere bildedimensjonene i koden. For eksempel:

<Img alt = "Beskrivende tekst" height = "100" width = "200">

2 Trykk på "Backspace" eller "Delete" -tasten på tastaturet for å fjerne tomrom - som faner, mellomrom og tomme linjer - fra koding.

3 Fjern HTML kommentarer som folk bare kan se når du viser kildekoden på siden. Følgende er et eksempel på en HTML-kommentar:

<! - Dette er bare synlig når noen ser på siden kilde .-->

4 Fjern unødvendige metakoder fra hodet på siden. Hvis det er nødvendig, bare inkludere meta tags for eksempel beskrivelser og søkeord på kritiske websider. Men å spesifisere et tegnsett ved hjelp av metakoder kan sikre raskere HTML gjengivelse. Følgende er standard metakoden for tegnkoding:

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

5 Flytt CSS fra kroppen av dokumentet til hodet av dokumentet. Hvis din nåværende tags bruke CSS stil, kan det se slik ut:

<Div style = "position: absolute; left: 3px; top: 445px; width: 260px; z-index: 1"> Tekst </ div>

Etter å ha flyttet CSS til hodet, vil dokumentet vises ligner på denne

<Div id = "LAYER1"> Tekst </ div>

med en blokk av CSS i hodet delen:

<Head>

<Style type = "text / css">

layer1

{

position: absolute; venstre: 3px; top: 445px; width: 260px; z-index: 1

}

</ Style>