Jak komprimovaný HTML funguje a proč je potřebujete

Pokud provozujete web, měli byste již vědět, jak používat správné formáty obrázků a optimalizovat své obrázky pro web. 10 bezplatných online obrazových nástrojů pro změnu velikosti, převod a optimalizaci 10 bezplatných online obrazových obrazových nástrojů pro změnu velikosti, převod a optimalizaci, které potřebujete dávkové nástroje pro úpravy, když máte spoustu fotografií ke zpracování a velmi málo času. Představujeme vám nejlepší šarže resizerů, optimalizátorů nebo převodníků dostupných online. . Přestože je komprese obrazu známou praxí, komprese HTML má tendenci se přehlížet, což je škoda, protože výhody se vyplatí.

V tomto článku se podíváme na dvě hlavní metody zmenšení souborů HTML, proč by měly být soubory HTML zmenšeny a jak na to.

Komprese vs. minifikace

Pokud jde o optimalizaci souborů HTML, existují dvě hlavní metody: komprese a minifikace. Na povrchu znějí podobně, ale ve skutečnosti jsou to dvě odlišné techniky, takže je nenechte zmást.

Minifikace

Můžete myslet na minifikaci jako na odstranění zbytečných znaků a řádků ve zdrojovém kódu. Přemýšlejte o odsazení, komentářích, prázdných řádcích atd. Žádné z nich nejsou vyžadovány v HTML - existují, aby usnadnily čtení souboru. Oříznutí těchto podrobností může oholit velikost souboru, aniž by cokoli ovlivnilo.

Ukázková stránka HTML:

  Váš název zde   
V průměru můžete očekávat, že komprese GZIP zmenší soubor HTML o 70 až 90 procent. Při použití výše uvedeného příkladu s odhadem konzervativní komprese by zhuštěné soubory HTML šly každý z 45 KB na 13,5 KB, čímž dojde k celkovému zmenšení 365 KB. Ve srovnání s nekominifikovaným / nekomprimovaným je nyní šířka pásma vašeho webu snížena o 365 MB za den (11 GB za měsíc).
A navíc k úsporám šířky pásma se každá stránka načítá výrazně rychleji, protože prohlížeč koncového uživatele potřebuje stáhnout pouze 13,5 KB oproti 50 KB na stránku.
Jak komprimovat a minifikovat HTML
Naštěstí ani dnes není příliš obtížné a pro jejich nastavení nepotřebujete mnoho technického know-how.
Doplňky WordPress
Pokud provozujete web WordPress, vše, co musíte udělat, je nainstalovat jeden plugin a můžete využít výhod komprese a minifikace.
Většina pluginů pro ukládání do mezipaměti umožňuje více než jen ukládání stránek do mezipaměti. Například nejrychlejší mezipaměť WP a celková mezipaměť W3 mají nastavení jediného kliknutí, které vám umožní zapnout minidalizaci HTML a kompresi GZIP, mimo jiné funkce, které dále zrychlují načítání stránky a snižují využití šířky pásma.
jestli ty pouze Chcete-li minifikaci, doporučujeme plugin Minify HTML. Je to jednoduché, podporuje HTML / CSS / JS a umožňuje trochu vylepšit metodu minifikace (např. Zda odebrat http: a https: z adres URL).
Statické HTML minifikátory
Pokud jsou vaše soubory HTML statické (tj. Nejsou dynamicky generovány pomocí CMS nebo webového rámce), můžete udržovat dvě sady souborů HTML: a “zdroj” set, který je pro snadnou editaci unminified, a “minifikováno” sada, kterou vytvoříte, když provedete změnu zdrojového souboru.
Chcete-li minifikovat, použijte jeden z těchto nástrojů:
 
HTMLCompressor
 
HTML Minifier
 
HTML Minifier (odlišný od výše uvedeného)
 
Jedná se o životaschopnou techniku, pokud jste se vzdálili od CMS, jako je WordPress, a nyní používáte statické generátory webů 7 důvodů, proč zkopírovat svůj CMS, a zvažte statický generátor webů 7 důvodů, proč zkopírovat svůj CMS a zvážit statický generátor stránek web byl pro mnoho uživatelů obtížný. CMS, jako je WordPress, to změnilo, ale stále mohou být matoucí. Další alternativou je generátor statických stránek.   .
Povolit kompresi GZIP
Postup povolení komprese GZIP se může lišit v závislosti na použitém softwaru webového serveru. Protože je Apache nejoblíbenější možností, budeme se zabývat tím, jak ji povolit pomocí .htaccess.
Připojte se k webovému serveru pomocí FTP a vytvořte soubor s názvem .htaccess v kořenovém adresáři. Upravte soubor .htaccess tak, aby měl následující nastavení:
 mod_gzip_on Ano mod_gzip_dechunk Ano mod_gzip_item_include soubor. (html? | txt | css | js | php | pl) $ mod_gzip_item_include handler ^ cgi-script $ mod_gzip_item_include mime ^ text /. /.* mod_gzip_item_exclude rspheader ^ Kódování obsahu:. * gzip. * SetOutputFilter DEFLATE 
Nejste si jisti, zda komprese na vašem webu funguje? Vyzkoušejte to pomocí tohoto nástroje.
Byl tento článek užitečný? Nyní, když komprimujete a minifikujete, by se vaše webové stránky měly načítat rychleji a využívat menší šířku pásma. Pokud máte nějaké dotazy, neváhejte se jich zeptat níže!