Hogyan lehet csökkenteni a méretét a css fájlt úgy, hogy gyors szállítás
Mint tudod, csökkentve helyszínen betöltési ideje - ez az egyik legfontosabb téma a web design. Az egyik eleme, hogy kell optimalizálni, hogy ezt elérjük, a CSS. Lássuk, mi a módja annak optimalizálása.
1. Standard CSS kódot.
A következő példa az írás CSS szabványnak.
A méret a csökkentett fájl 3.39 Kb. Ez nagyon sok.
Ebben a cikkben fogjuk használni az oldalon keresztül automatikus optimalizálására CleanCSS kódot.
2. Alapvető optimalizálás.
Az első művelet, amit alkalmazni kell a CSS fájlban, el kell távolítani a pontosvessző az utolsó tulajdonság után mindegyik stílusban.
fájlméret az első lépés után már 3,02 kb, ami azt jelenti, hogy a fájl gyorsabban betöltődik.
3. Minden stílus write egy sorban.
A módszer alkalmazása jelentősen csökkenti a méretét.
4. Minden CSS fájl írj egy sort.
Elértük 2,53 KB fájlméret.
5. Általános ajánlások optimalizálása CSS kódot.
1. A rendelkezésre álló hely csak akkor, ha valóban szükséges az Ön számára.
2. A módját, hogy csökkentsék a CSS.
3. Ne helyezzen egy pontosvesszőt az ezt követő tulajdonságok minden stílusban
4. A "700" helyett a "Bold" (például "font-weight: 700;" helyett a "font-weight: Bold;")
5. A „400” helyett a „normális”
6. 0 helyett 0px
7. Keverjük össze stílusokat ugyanazokkal a tulajdonságokkal.
Válassza ki az optimalizálási módszer, amely megfelel Önnek, de ne feledkezzünk meg az előírásoknak!
Nos, tudod. Jen, köszönöm a munkájával, persze, de egy kb - még az én GPRS és a sebesség 5 KB / sec - nevetséges. minden stílus egy sorban írok - de nem a kedvéért egy kb. Csak ha a szám meghaladja a száz stílus egy css-nick - akkor jobb, hogy írjon egy sort, de ez nem túl kényelmes essek egy levél.
Köszönöm a linket, Sasha!
Vitalij Gordіy
a vzagalі Me 1-2 +

Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!


Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!

Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.

Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!