CSS tömörítő / formázó

Illessze be a CSS kódot, és kattintson a Formázás gombra a megfelelő behúzással történő formázáshoz, vagy a Tömörítés gombra a kód tömörítéséhez. Minden feldolgozás a böngészőjében történik.

A CSS tömörítőről / szépítőről

Ez az eszköz teljes egészében a böngészőjében dolgozza fel a CSS-t. Semmilyen adat nem kerül elküldésre semmilyen szerverre.

  • Szépítés: A tömörített CSS-t megfelelő behúzással és sortörésekkel formázza az olvashatóság érdekében.
  • Tömörítés: Eltávolítja a szóközöket, megjegyzéseket és felesleges karaktereket a fájlméret csökkentése érdekében.

A minifikálás átviteli optimalizálás, nem olyan lépés, amit a forrásban kellene tartani. Vegye ki a megjegyzéseket és a szóközöket abból, ami kimegy, a szerkesztett példány maradjon olvasható. Bekapcsolt tömörítéssel a nyereség kisebb, mint a legtöbben várják, mert a gzip nagyon jól bánik az ismétlődő szóközökkel, de segít, és semmibe nem kerül.

Ellenáll a jelölés?

Az escape-elt entitások, az elrontott kódolások és a tartalom, ami a CMS-ben így, az oldalon úgy jelenik meg, általában azt jelentik, hogy valami a folyamatban találgat. Frontendet építünk és a mögötte lévő publikálási utat, hogy a látogató azt lássa, amit leírt.

Beszéljünk a webhelyéről

Gyakran ismételt kérdések

Mennyit spórol valójában a minifikálás?
Kevesebbet, mint gondolná, ha a tömörítés be van kapcsolva, mert a gzip amúgy is hatékonyan vonja össze az ismétlődő szóközöket. A megtakarítás valós, de szerény; a nagyobb nyereség általában a már nem használt szabályok kiszedése.
Elrontja a stíluslapomat?
Nem, ha a bemenet érvényes. A megjegyzések és a szóközök nem hordoznak jelentést a CSS-ben, egy kivétellel: a leszármazott-szelektorban lévő szóköz jelentéses, és az a minifikáló, amelyik kiveszi, megváltoztatja a szabályt. Ez megtartja.
Visszakapom a formázásomat?
Olvashatóvá teheti, de az eredetit nem szerezheti vissza: a megjegyzések eltűntek, és a szerző sortörései is. A szépítés egységes elrendezést ad, nem az önét, ezért a forráspéldány az, amit meg kell tartani.
Kézzel minifikáljak?
Csak egyszeri esetben. Amit rendszeresen publikál, azt a build minifikálja, hogy az olvasható példány maradjon a szerkesztett. Ez az oldal az egyszeri esethez való, és annak ellenőrzéséhez, mit gyártott egy build.
Feltöltik valahová a CSS-emet?
Nem, a böngészőjében dolgozódik fel. Ez többet számít, mint hangzik: egy stíluslap gyakran elárul belső osztályneveket, kiadatlan funkciókat és egy oldal szerkezetét az indulás előtt.