Csökkentse a méret a css fájlt, és gyorsítsa fel a terhelést - css

Kérdés optimalizálja berakodás pókháló oldalak mindig releváns, még annak ellenére is egyre nagyobb adatátviteli sebesség a hálózatban. Csökkentve a letöltési idő az oldalon - ez az egyik legfontosabb téma a web design. Általában a hangsúly csökkentése képméret és optimalizálja az adatbázis lekérdezések. De azt is meg kell figyelni, és a csonkolás felesleges karaktereket a fájl kódlap és a fájl leírással saját stílus. Különösen, hogy a fájl egy része a leírása stílusok eszik elég jelentős közlekedési tér.

De ez nem lehetünk boldogok. Nézzük meg, hogyan kell csinálni mindent tömören és hatékonyan! Vegyünk egy pár módja, hogy csökkentse a CSS fájlt, és hatékonyságának ellenőrzésére az egyes módszerek, sőt, mérések elvégzéséhez súlyánál byte-ban. Szóval, mi a módja, hogy optimalizálja a leírás stílusok? Először is, úgy a példa egy hagyományos CSS fájlban.

A méret a csökkentett fájl 515 bájt. Most viszont, hogy az optimalizálási folyamat. A hálózati erőforrások vannak, amelyekkel optimalizálás automatikusan is történhet. Mi igénybe az egyik ilyen forrásokat.

Az első művelet, amit alkalmazni kell a CSS fájlban. Meg kell egyszerűsíteni a kódot kell törölni a felesleges karaktereket, mint a dupla helyet, vagy pontosvessző nem a helyén. Megyünk tovább és www.cleancss.com/ protsessiruem a kódot.

Miután nem komplex manipuláció fájl méretét csökkentették 448 bájt, ami azt jelenti, hogy legalább egy kicsit, de nem fájl letöltése gyorsabb. És ez már siker.

Compression stílustulajdonságot

Térjünk át egy egyszerű manipuláció, amely nem rontja az olvashatóságot, de egyúttal csökkenti a méretét a CSS fájlban. Írja le a stílus tulajdonságait sor, így hézagok jelzéseket követően „;”

Most a fájl mérete csökken 400 bájt. azaz 115bayt már kevésbé az eredeti.

Írásban stílusok egy sorban

Most csökkentsük a fájl 20 bájt, de hogy már nem olvasható húzva annak minden tartalmát egy sorban.

Megjegyzendő, hogy ez jobb dolgozni egy normális CSS fájlt, és kezelni annak optimalizálási előtt elutasítás volt a házigazdája.