CSS tömörítése

Tömörítse a CSS-t, a HTML-t és a JavaScriptet úgy, hogy ne romoljanak el

Tömörített kód

A megjegyzések, szóközök és sortörések törlődnek. A nevek és értékek változatlanok maradnak, így a kód ugyanúgy működik.

Minden a böngészőjében történik: a szövegét soha nem küldjük el sehová.

CSS tömörítése

1. lépés

Illessze be a CSS-t az első mezőbe

2. lépés

Nézze meg a tömörített kódot és a megspórolt bájtokat

3. lépés

Másolja a tömörített CSS-t a webhelyére

Mit csinál a CSS tömörítése

A szóközök, sortörések, behúzások és megjegyzések megkönnyítik az emberek számára a stílusok olvasását, de a böngészőknek nincs rájuk szükségük. Illessze be a CSS-t, és a tömörített kód gépelés közben megjelenik, a méretével bájtban és a megtakarítással. Csak az törlődik, ami semmin nem változtat: a leszármazott választó szóköze, például nav a, megmarad, mert a nava másik választó lenne, ahogy a calc() által igényelt szóközök is. A megjegyzések, amelyek /*! jellel kezdődnek (ezek általában licencet tartalmaznak), megmaradnak.

Ugyanez az eszköz a HTML-t és a JavaScriptet is tömöríti: a nyelvet a mező felett válassza ki. HTML esetén a „Megjegyzések eltávolítása” törli a megjegyzéseket, az oldal stílus- és szkriptblokkjait pedig ez az opció is tömöríti: „A benne lévő CSS és JavaScript tömörítése is”. A JavaScriptet előbb a böngésző ellenőrzi, és ha a kódban hiba van, az eszköz azt mutatja meg a tömörítés helyett. A tömörítés kiegészíti a szerver gzip- vagy Brotli-tömörítését, mert a kettő másképp csökkenti a fájl méretét. A kódját sehová nem küldi el.

Hasznos volt az AnyTextEditor az Ön számára?

Helló. Nagyon igyekeztünk létrehozni egy kényelmes weboldalt, amelyet mi magunk használunk. Ha tetszett valamelyik eszközünk és szerkesztőnk, vegye fel könyvjelzőihez, mert többször is hasznos lesz az Ön számára. És ne felejtsd el megosztani a közösségi médiában. Jobbak leszünk neked.