Kako komprimirani HTML djeluje i zašto vam je potreban

Ako imate web mjesto, već biste trebali znati kako koristiti prave formate slika i optimizirati svoje slike za web 10 Besplatni online alati za slikovne serije da promijenite veličinu, pretvorite i optimizirate 10 besplatnih internetskih alata za serijsku sliku kako biste promijenili veličinu, pretvorili i optimizirali. alati za uređivanje serija kad imate puno fotografija za obradu i vrlo malo vremena. Upoznajemo vas s najboljim resizerima, optimizatorima ili pretvaračima serije na mreži. , Iako je kompresija slike dobro poznata praksa, HTML kompresija ima tendenciju da se previdi, što je šteta jer su prednosti vrijedne.

U ovom ćemo članku istražiti dvije glavne metode za smanjivanje HTML datoteka, zašto se HTML datoteke trebaju smanjiti i kako to riješiti.

Kompresija naspram Minifikacije

Postoje dvije glavne metode za optimizaciju HTML datoteka: kompresija i Reduciranje. Zvuče slično na površini, ali zapravo su dvije različite tehnike, pa ih nemojte zbuniti.

Reduciranje

Minifikaciju možete smatrati uklanjanjem nepotrebnih znakova i linija u izvornom kodu. Razmislite o uvlačenju, komentarima, praznim linijama itd. Ništa od toga u HTML-u nije potrebno - postoje kako bi datoteku bilo lakše čitati. Obrezivanje ovih detalja može smanjiti veličinu datoteke bez utjecaja na bilo što.

Primjer HTML stranice:

  Tvoj naslov ovdje   
U prosjeku, možete očekivati ​​da će kompresija GZIP-a smanjiti HTML datoteku za 70 do 90 posto. Korištenjem gornjeg primjera s konzervativnom procjenom kompresije, promijenjene datoteke HTML-a kretale bi se od 45 KB do 13,5 KB svaka, pri čemu bi se skupljanje smanjilo na 365 KB. U usporedbi s neminificiranim / nekomprimiranim, propusnost vaše web stranice sada je smanjena za 365 MB dnevno (11 GB mjesečno).
I uz uštedu propusnosti, svaka se stranica dramatično brže učitava jer pregledač krajnjeg korisnika treba samo preuzeti 13,5 KB u odnosu na 50 KB po stranici.
Kako komprimirati i minimizirati HTML
Srećom, niti ovi dana nisu teški, a za njihovo postavljanje ne trebate puno tehničkog znanja.
WordPress dodaci
Ako imate WordPress web mjesto, sve što trebate učiniti je instalirati jedan dodatak i možete iskoristiti prednosti kompresije i minimiziranja..
Većina dodataka za predmemoriranje čini više od prostog predmemoriranja stranica. Na primjer, WP Najbrži Cache i W3 Total Cache imaju postavke jednim klikom koje omogućuju uključenje HTML minifikacije i GZIP kompresije, među ostalim značajkama koje dodatno ubrzavaju učitavanje stranice i smanjuju korištenje propusnosti..
Ako ti samo želite minifikaciju, preporučujemo Minify HTML dodatak. Jednostavan je, podržava HTML / CSS / JS i omogućuje vam da malo prilagodite metodu minifikacije (npr. Da li je ukloniti http: i https: s URL-ova).
Statični HTML Minifiers
Ako su vaše HTML datoteke statične (tj. Ne generiraju ih dinamički CMS ili web okvir), tada možete održavati dva skupa HTML datoteka: a “izvor” set, koji nije označen za jednostavno uređivanje, i a “reducirani” set, koji kreirate svaki put kada napravite promjenu u izvornoj datoteci.
Za umanjivanje koristite jedan od sljedećih alata:
 
HTMLCompressor
 
HTML Minifier
 
HTML Minifier (različit od gore navedenog)
 
Ovo je održiva tehnika ako ste se odmaknuli od CMS-a poput WordPress-a i sada koristite generatore statičkih web-lokacija. 7 razloga za istrebljenje CMS-a i razmotrite statički generator web-mjesta 7 razloga za istrebljenje vašeg CMS-a i razmislite o statičkom generatoru web-mjesta dugi niz godina, objavljujući web stranica bila je teška mnogim korisnicima. CMS-ovi poput WordPressa to su promijenili, ali još uvijek mogu biti zbunjujuće. Druga alternativa je statički generator.   .
Omogući kompresiju GZIP-a
Koraci za omogućavanje kompresije GZIP-a mogu se razlikovati ovisno o softveru web poslužitelja koji koristite. Budući da je Apache najpopularnija opcija, objasnit ćemo kako to omogućiti pomoću .htaccess.
Spojite se na svoj web poslužitelj pomoću FTP-a, a zatim stvorite datoteku pod nazivom .htaccess u korijenskom direktoriju. Uredite .htaccess datoteku da biste imali sljedeće postavke:
 mod_gzip_on Da mod_gzip_dechunk Da mod_gzip_item_include datoteka. (html? | txt | css | js | php | pl) $ mod_gzip_item_include handler ^ cgi-script $ mod_gzip_item_include mime ^ tekst /. /.* mod_gzip_item_exclude rspheader ^ Kodiranje sadržaja:. * gzip. * SetOutputFilter DEFLATE 
Niste sigurni da li kompresija djeluje na vašoj web lokaciji? Testirajte ga ovim alatom.
Je li ovaj članak bio koristan? Sad kad komprimirate i kombinirate, vaše će se web stranice brže učitavati i koristiti manju propusnost. Ako imate bilo kakvih pitanja, slobodno ih postavite u nastavku!