Žádné nahrávání, 100% lokálně, bez účtu

Minifikace / Zkrášlení

Minifikujte nebo zkrášlete kód. Vše zůstává v prohlížeči.

Jak Minifikace / Zkrášlení funguje

Minifikátor a formátovač komprimuje HTML, CSS a JavaScript odstraněním komentářů, zbytečných mezer a nadbytečných znaků, nebo rozbalí minifikovaný kód zpět do čitelné odsazené podoby. Veškeré zpracování probíhá v prohlížeči pomocí přibalených parserů; nic, co vložíte, se nikam nepřenáší. Nic, co zde napíšete, neopustí vaše zařízení.

Minifikace přímo ovlivňuje výkon načítání stránky: menší soubory se přenášejí rychleji, parsují rychleji a spotřebovávají méně šířky pásma. Pro produkční nasazení jsou minifikované assety standardem. Tento nástroj je užitečný, když obdržíte minifikovaný soubor, který potřebujete přečíst (formátovat), když chcete zkontrolovat, co minifikátor udělá s úryvkem před jeho integrací do pipeline sestavení, nebo když potřebujete rychlou jednorázovou minifikaci bez nastavení nástroje sestavení.

Napsal Bastien Sulyan

Minifikace / Zkrášlení: návod krok za krokem

  1. Vložte svůj kód HTML, CSS nebo JavaScript do vstupní oblasti.
  2. Vyberte typ jazyka z rozevíracího seznamu (HTML, CSS nebo JavaScript).
  3. Klikněte na Minifikovat pro komprimovanou verzi nebo na Formátovat pro rozbalení a odsazení kódu.
  4. Zkopírujte výsledek z výstupní oblasti pomocí tlačítka kopírování.
  5. Vložte jiný kód a opakujte dle potřeby.

Časté případy použití

  • Front-end vývojář chce minifikovat kritický úryvek CSS pro jeho vložení do záhlaví HTML pro výkon nad záhybem.
  • Vývojář obdrží minifikovaný skript třetí strany a potřebuje ho formátovat pro pochopení jeho logiky při bezpečnostní recenzi.
  • Technický autor potřebuje formátovanou verzi minifikovaného tagu skriptu JSON-LD pro zahrnutí do dokumentace.
  • Webový vývojář zkontroluje úsporu bajtů z minifikace souboru CSS před rozhodnutím, zda přidat krok sestavení.

Často kladené otázky

Odesílá se kód, který vložím, na server pro minifikaci?

Ne. Minifikaci a formátování zajišťuje vlastní kód stránky, napsaný pro tento nástroj, nikoli převzatý od minifikátoru třetí strany. Veškeré zpracování zůstává v záložce prohlížeče. Nic, co sem vložíte, se nepřenáší k Sunasty ani žádné třetí straně.

Zachovává minifikace JavaScriptu původní chování kódu?

Dobrý minifikátor zachovává chování pouze odstraněním mezer, zkrácením názvů proměnných v řízeném rozsahu a odstraněním komentářů. Tento nástroj cílí na bezpečné transformace. Agresivní optimalizace jako eliminace mrtvého kódu nebo inlining funkcí se obecně neaplikují, protože vyžadují analýzu celého programu.

Mohu minifikovat a poté formátovat výsledek pro ověření?

Ano. Nejprve kód minifikujte, poté minifikovaný výstup vložte zpět do vstupu a klikněte na Formátovat. Formátovaná verze bude vypadat jinak než původní zdroj (názvy proměnných mohou být zkráceny, komentáře odstraněny), ale bude strukturálně ekvivalentní.

Odstraňuje minifikace HTML všechny komentáře?

Nástroj při minifikaci odstraňuje standardní komentáře HTML (<!-- ... -->). Podmíněné komentáře používané starými verzemi IE (<!--[if IE]...-->) jsou vždy zachovány, takže odstranění komentářů nemůže narušit starší chování, které na nich závisí.

Existuje omezení velikosti kódu, který mohu minifikovat?

Limit je dostupná paměť záložky prohlížeče. Kód do několika set kilobajtů se zpracovává rychle. Pro velké JavaScript balíky (megabajty) je vyhrazený nástroj sestavení jako esbuild, Terser nebo Lightning CSS rychlejší a vhodnější pro produkční použití.

Související nástroje

Zachovejte vše lokálně, prozkoumejte doplňkové nástroje.

Všechny nástroje pro vývojáře