Sådan fungerer komprimeret HTML, og hvorfor du muligvis har brug for det

Hvis du kører et websted, skal du allerede vide, hvordan du bruger de rigtige billedformater og optimerer dine billeder til internettet 10 Gratis online batchbilledsværktøjer til at ændre størrelse, konvertering og optimering af 10 gratis online billedværktøjer til batch til at ændre størrelse, konvertering og optimering, du har brug for batchredigeringsværktøjer, når du har masser af fotos at behandle og meget lidt tid. Vi introducerer dig de bedste batchresizers, optimizers eller konvertere, der er tilgængelige online. . Selvom billedkomprimering er en velkendt praksis, har HTML-komprimering en tendens til at blive overset, hvilket er en skam, fordi fordelene er værd.

I denne artikel skal vi gennemgå de to hovedmetoder til krympning af HTML-filer, hvorfor HTML-filer skal krympes, og hvordan man kan gøre det.

Komprimering vs. minificering

Hvad angår optimering af HTML-filer, er der to hovedmetoder til det: kompression og minifikationen. De lyder ens på overfladen, men er faktisk to forskellige teknikker, så lad dem ikke forveksles.

minifikationen

Du kan tænke på minification som fjernelse af unødvendige tegn og linjer i kildekoden. Tænk på indrykk, kommentarer, tomme linjer osv. Ingen af ​​disse kræves i HTML - de findes for at gøre filen lettere at læse. Trimning af disse detaljer kan barbere filstørrelse uden at påvirke noget.

Eksempel på HTML-side:

  Din titel her   
I gennemsnit kan du forvente, at GZIP-komprimering vil skrumpe en HTML-fil med 70 til 90 procent. Brug af eksemplet ovenfor med et konservativt komprimeringsestimat vil de minificerede HTML-filer gå fra 45 KB til 13,5 KB hver for en samlet krympning på 365 KB. Sammenlignet med uovervåget / ukomprimeret reduceres dit websteds båndbredde nu med 365 MB pr. Dag (11 GB pr. Måned).
Og oven på båndbreddebesparelserne indlæses hver side dramatisk hurtigere, fordi slutbrugerens browser kun skal downloade 13,5 KB versus 50 KB per side.
Sådan komprimeres og formindskes HTML
Heldigvis er hverken meget vanskelige i disse dage, og du behøver ikke meget teknisk know-how for at opsætte dem.
WordPress-plugins
Hvis du kører et WordPress-sted, skal du blot installere et plugin, og du kan høste fordelene ved både komprimering og minifikation.
De fleste cache-plugins gør mere end blot cache-sider. For eksempel har WP Fastest Cache og W3 Total Cache begge indstillinger med et enkelt klik, der giver dig mulighed for at aktivere HTML-minification og GZIP-komprimering, blandt andre funktioner, der yderligere fremskynder sideindlæst og reducerer brugen af ​​båndbredde.
hvis du kun ønsker minificering, anbefaler vi Minify HTML-plugin. Det er enkelt, understøtter HTML / CSS / JS og giver dig mulighed for at finpudse minifikationsmetoden lidt (f.eks. Om du vil fjerne http: og https: fra URL'er).
Statiske HTML Minifiers
Hvis dine HTML-filer er statiske (dvs. ikke dynamisk genereret af en CMS- eller webramme), kan du vedligeholde to sæt HTML-filer: a “kilde” sæt, som ikke er tilladt for nem redigering, og a “minified” sæt, som du opretter, hver gang du foretager en ændring af en kildefil.
Brug et af disse værktøjer til at minimere:
 
HTMLCompressor
 
HTML Minifier
 
HTML Minifier (forskellig fra ovenstående)
 
Dette er en levedygtig teknik, hvis du er flyttet væk fra CMSer som WordPress og nu bruger statiske stedgeneratorer 7 grunde til at grøfte dit CMS og overveje en statisk stedgenerator 7 grunde til at grøfte din CMS og overveje en statisk stedgenerator I mange år et websted var svært for mange brugere. CMS'er som WordPress ændrede det, men de kan stadig være forvirrende. Et andet alternativ er en statisk stedgenerator.   .
Aktivér GZIP-komprimering
Trinene for at aktivere GZIP-komprimering kan variere afhængigt af hvilken webserver-software, du bruger. Da Apache er den mest populære mulighed, dækker vi, hvordan du aktiverer det ved hjælp af .htaccess.
Opret forbindelse til din webserver ved hjælp af FTP, og opret derefter en kaldet fil .htaccess i rodkataloget. Rediger .htaccess-filen for at have følgende indstillinger:
 mod_gzip_on Ja mod_gzip_dechunk Ja mod_gzip_item_include-fil. (html? | txt | css | js | php | pl) $ mod_gzip_item_include handler ^ cgi-script $ mod_gzip_item_include mime ^ text /. /.* mod_gzip_item_exclude rspheader ^ Content-Encoding:. * gzip. * SetOutputFilter DEFLATE 
Ikke sikker på, om kompression fungerer på dit websted? Test det med dette værktøj.
Var denne artikel til hjælp? Nu, hvor du komprimerer og minimerer, skal dine websider indlæses hurtigere og bruge mindre båndbredde. Hvis du har spørgsmål, er du velkommen til at stille dem nedenfor!