Sådan minificerer du HTML manuelt
HTML-minificering betyder, at overflødig tekst fjernes fra HTML-koden, så den fylder mindre. Det kan blandt andet være linjeskift, indrykning og kommentarer, som gør koden lettere at læse for mennesker, men som normalt ikke er nødvendige for browserens fortolkning. Målet er at bevare sidens indhold og struktur, mens unødvendige tegn fjernes. Minificering er ikke det samme som at ændre sidens udseende eller funktion.
Hvad HTML-minificering ændrer
En HTML-fil består af elementer, der beskriver indhold og struktur. Tags som <p> og <h2> angiver for eksempel henholdsvis et afsnit og en overskrift. Mellemrum og linjeskift kan ofte fjernes eller samles, hvis de ikke påvirker det viste indhold. Kommentarer skrevet mellem <!-- og --> vises normalt ikke på siden og kan derfor ofte udelades i den minificerede udgave.
Det er vigtigt at skelne mellem formatering, som kun gør kildekoden overskuelig, og tegn, der har betydning for indholdet. Mellemrum i almindelig tekst kan for eksempel adskille ord. De må ikke fjernes på en måde, der får ordene til at hænge sammen. Indhold i elementer som <pre> er særligt følsomt, fordi mellemrum og linjeskift dér kan være en del af den tilsigtede visning.
Sådan gør du trin for trin
- Lav en arbejdskopi. Behold originalfilen, så du kan sammenligne resultatet og gå tilbage, hvis noget ændres utilsigtet.
- Læs dokumentets struktur. Find start- og slut-tags, attributter og områder, hvor præcis afstand eller tekst kan have betydning. Undgå at behandle al tekst som overflødig formatering.
- Fjern sikre kommentarer. Gennemgå HTML-kommentarer, og fjern kun dem, der ikke er nødvendige for dokumentets funktion eller arbejdsgang. Kommentarer kan indeholde nyttige oplysninger for personer, så vurder formålet først.
- Saml formateringen forsigtigt. Fjern overflødige linjeskift og indrykninger mellem elementer. Bevar nødvendige mellemrum mellem ord og tekstdele. Vær særlig forsigtig omkring præformateret tekst og indhold, hvor mellemrum vises direkte.
- Kontrollér resultatet. Sammenlign den minificerede kode med originalen, og undersøg, om tags og attributter stadig står korrekt. Se også på den gengivne side i den relevante sammenhæng. Hvis udseende eller funktion er ændret, skal du finde den fjernede formatering, der havde betydning.
Hvor metoden bruges
Minificeret HTML kan bruges, når færdig kode gøres klar til levering eller offentliggørelse. En mindre fil kan kræve mindre data at overføre, men den konkrete forskel afhænger af dokumentets indhold og de øvrige forhold omkring siden. Minificering erstatter ikke god struktur, tilgængelighed eller korrekt HTML.
Under udvikling er indrykket kode ofte lettere at læse og rette. Derfor kan en almindeligt formateret kildefil være praktisk som arbejdsudgave, mens en minificeret udgave bruges i en produktionssammenhæng. Når HTML ændres senere, er det vigtigt at kontrollere både struktur og synligt indhold igen. Man bør ikke fjerne tegn ukritisk: HTML kan indgå sammen med tekst, stilregler og scripts, hvor selv små ændringer kan få betydning.