Minifikácia CSS

Zmenšite CSS, HTML a JavaScript bez toho, aby ste ich pokazili

Minifikovaný kód

Komentáre, medzery a zalomenia riadkov sa odstránia. Názvy a hodnoty zostanú, ako sú, takže kód funguje rovnako.

Všetko prebieha vo vašom prehliadači: váš text sa nikam neodosiela.

Ako minifikovať CSS

Krok 1

Vložte CSS do prvého poľa

Krok 2

Pozrite si minifikovaný kód a ušetrené bajty

Krok 3

Skopírujte minifikované CSS na svoj web

Čo robí minifikácia CSS

Medzery, zalomenia riadkov, odsadenia a komentáre ľuďom uľahčujú čítanie štýlov, ale prehliadače ich nepotrebujú. Vložte CSS a minifikovaný kód sa objaví už pri písaní, s veľkosťou v bajtoch a údajom, koľko sa ušetrilo. Odstráni sa iba to, čo nič nemení: medzera v selektore potomka, napríklad nav a, zostane, pretože nava by bol iný selektor, a rovnako aj medzery, ktoré potrebuje calc(). Komentáre začínajúce /*!, ktoré zvyčajne obsahujú licenciu, sa ponechajú.

Rovnaký nástroj minifikuje aj HTML a JavaScript: jazyk zvoľte nad poľom. Pri HTML „Odstrániť komentáre“ zmaže komentáre a „Minifikovať aj CSS a JavaScript vo vnútri“ minifikuje aj bloky štýlov a skriptov na stránke. JavaScript najprv skontroluje váš prehliadač, a ak kód obsahuje chybu, nástroj ju ukáže namiesto minifikácie kódu. Minifikácia dopĺňa kompresiu gzip alebo Brotli na serveri, pretože obe zmenšujú súbor inak. Váš kód sa nikam neodosiela.

Bol pre vás AnyTextEditor užitočný?

Ahoj. Veľmi sme sa snažili vytvoriť pohodlný web, ktorý sami používame. Ak sa vám niektorý z našich nástrojov a editorov páčil, pridajte si ho do záložiek, pretože vám bude užitočný viackrát. A nezabudnite zdieľať na sociálnych sieťach. Budeme pre vás lepší.