Některé nástroje k provedení komprese

Naštěstí nemusíte nutně být vývojářem nebo znát jeden z programovacích jazyků, abyste zmenšili velikost souborů svého webu. Minifikace se ve světě webového designu stala běžnou praxí. Takže byste neměli být překvapeni, když zjistíte, že existuje mnoho skvělých (a bezplatných) nástrojů, které vám pomohou.

Viz také naše 6 doplňků WordPress, které vdechnou vašim článkům nový život

Zde je seznam užitečných nástrojů, jak začít. Protože mnoho z nich může minimalizovat více typů kódu, zahrnul jsem možnosti typu kódu do závorek.

• • cssminifier.com et javascript-minifier.com (CSS a JS) - Tyto dvě minifikátory Andrewa Chiltona se snadno používají. Stačí vložit kód a kliknout na tlačítko Minify pro zobrazení komprimovaného kódu. Můžete dokonce stáhnout výstupní kód jako soubor pro větší pohodlí.
  • htmlcompressor.com (HTML, CSS & JS) - Tento online nástroj pro kompresi / minifikaci podporuje typy kódů HTML, CSS a JS. Podporuje dokonce různé kombinace typů kódů, jako je CSS + PHP a JavaScript + PHP. A dokonce můžete zkontrolovat chyby komprimovaného kódu.

• • csscompressor.net (Pouze CSS) - Tento online kompresor CSS je rychlý, snadný a snadno se používá.

• • jscompress.com (Pouze JS) - Tento nástroj pro kompresi JavaScriptu umožňuje komprimovat kód JavaScript zkopírováním a vložením, ale můžete si také stáhnout více souborů JavaScript najednou. To je ideální pro kombinaci souborů JavaScript do jednoho souboru pro lepší rychlost načítání stránky.
  • Dan's Tools - Dan's Tools navrhovat un minifikujte CSS a minifikujte JavaScript . Oba nástroje mají opravdu čisté a snadno použitelné uživatelské rozhraní. Nenabízejí žádné pokročilé možnosti, ale jsou skvělé pro běžné účely minifikace.

• • refresh-sf.com (HTML, CSS a JS) - Tento kompresor sníží typy kódů JavaScript, CSS a HTML. Zahrnuje také všechny možnosti komprese pro každý typ kódu, pokud je potřebujete.
  • Kompilátor uzavření (Pouze JS) - Closure Compiler je součástí Uzavírací nástroje , sadu nástrojů od Google Developers. Umožňuje vám minifikovat váš JavaScript spolu s dalšími užitečnými optimalizacemi. Kód Javascript můžete použít zadáním adresy URL umístění souboru js a poté zvolit, jak chcete kód optimalizovat a formátovat. 

Například se rozhodnete optimalizovat svůj kód a odstranit pouze mezery, pokud chcete. Jakmile kliknete na tlačítko kompilace, zmenší to kód (nebo jej zkompilujete).

• • minifycode.com (HTML, CSS a JS) - Tento web nabízí minifikátory pro JavaScript , CSS et HTML s jednoduchým a čistým uživatelským rozhraním, které komprimuje váš kód jediným kliknutím. Nabízí také „zkrášlovací“ nástroj pro dekompresi minifikovaného kódu, aby byl lépe čitelný (opak minifikace).

Pokud hledáte offline nástroje k minimalizaci místního HTML kódu CSS nebo JavaScript, uvádíme několik možností:

• phpied.com/cssmin-js/ (Pouze CSS)
• yui.github.io/yuicompressor (JS a CSS)

Jak zmenšit velikost HTML, CSS a JavaScriptu pomocí online nástroje

Mnoho z těchto online nástrojů má podobný proces, který zahrnuje následující kroky:

• Vložte zdrojový kód nebo stáhněte soubor zdrojového kódu. 
• Optimalizace nastavení pro konkrétní výstup (pokud jsou k dispozici možnosti)
• Kliknutím na tlačítko zkomprimujete kód.
• Zkopírujte výsledek zkráceného kódu nebo stáhněte soubor zkráceného kódu.

V tomto příkladu budu používat nástroje minify od minifycode.com.

Viz také: Jak přidat CSS kódu bezpečně na WordPress nahlédnutím do tohoto odkazu.

Nejprve vyhledejte v souborech svého webu soubor CSS (obvykle se nazývá style.css) a otevřete jej pomocí editoru stránek. Poté zkopírujte celý kód CSS do své schránky.

přejít na minifycode.com a klikněte na kartu CSS minifier. Poté vložte kód CSS do vstupního pole a klikněte na tlačítko Minifikujte CSS.

Jakmile je nový minifikovaný kód vygenerován, zkopírujte jej.

Poté se vraťte do souboru CSS na svém webu a nahraďte kód novou zjednodušenou verzí.

A je to!

Opakujte stejný postup, abyste také zmenšili soubory JavaScript a HTML vašeho webu.

Jak minimalizovat HTML, CSS a JavaScript ve WordPressu pomocí pluginů

Nejjednodušší způsob, jak minimalizovat HTML, CSS a JavaScript ve WordPressu, je použití pluginu. To vám umožní automaticky optimalizovat soubory webových stránek WordPress, aby se zkrátila doba načítání stránky několika kliknutími.

Existuje spousta pluginů, které práci dokončí, ale krátce zmíním několik příkladů.

Automatická aktualizace (ZDARMA)

Autoptimize je pravděpodobně WordPress Plugin z nejpopulárnějších minifikací. Je oblíbený, protože se snadno používá a je nabitý výkonnými funkcemi. Dokáže sbalit (kombinovat skripty), minifikovat a uložit váš kód do mezipaměti. Jako bonus máte další možnosti optimalizace písem Google, obrázků atd.

Chcete-li použít automatickou optimalizaci, můžete si stáhnout, nainstalovat a aktivovat zásuvný modul z řídicího panelu WordPress pod Plugin> Přidat nový.

Další informace naleznete v našem průvodci:  Jak nainstalovat plugin v systému WordPress

Po aktivaci pluginu přejděte na Nastavení> Automatická optimalizace. Poté na kartě Hlavní parametry zkontrolujte kód, který chcete optimalizovat (HTML, CSS nebo JavaScript), a klikněte na Euložit změny.

Můžete také kliknout na tlačítko Zobrazit pokročilá nastavení v horní části stránky pro další přizpůsobení optimalizace kódu.

Je to víceméně to! Docela jednoduché a výkonné.

Celková mezipaměť W3 (ZDARMA)

W3 Celkem Cache je vynikající plugin pro ukládání do mezipaměti, který nabízí možnost minimalizovat soubory HTML, JS a CSS.

Nejrychlejší mezipaměť WP (ZDARMA)

WP Nejrychlejší mezipaměť - Tento plugin WordPress ukládání do mezipaměti je velmi oblíbené u vysokých recenzí. Provádí různé optimalizace výkonu, včetně kombinace a redukce HTML CSS a JavaScript pro lepší výkon.

Přečtěte si také náš článek o 8 WordPress pluginy přidat live chat na svém blogu

Po instalaci pluginu jednoduše klikněte na záložku WP Nejrychlejší mezipaměť na bočním panelu panelu WordPress. Na kartě Nastavení, najdete možnosti pro kombinování a zmenšení souborů HTML a CSS. Ačkoli minifikace JavaScript je k dispozici pouze ve verzi pro.

Shrnout

Pokud chcete, aby byl váš blog rychlejší a měl lepší výkon, musíte zmenšit velikost souborů HTML, CSS a JavaScript. Se všemi dostupnými online nástroji můžete snadno snížit kód libovolného webu. 

9 WordPress pluginy pro skrytí obsahu vašeho blogu objevovat absolutně

Pro ty, kteří používají WordPress, máte k dispozici výkonné pluginy, které tyto soubory automaticky minifikují několika kliknutími.

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

Proč investovat do čističky vzduchu?