Как да се намали размера на файла, CSS, така че тя бързо Доставка

Както знаете, намаляване на времето за зареждане на сайт - това е една от най-важните теми на уеб дизайна. Един от елементите, които трябва да се оптимизира, за да се постигне това е да CSS. Нека да видим какви са начините за нейното оптимизиране.

1. Standard CSS код.

Следващият пример е писането CSS стандарт.

Размерът на файла намалява 3.39 Kb. Това са много.

В тази статия, ние ще използваме сайта чрез автоматичен код оптимизация CleanCSS.

2. Основна оптимизация.

Първата операция, която се прилага за CSS файл, трябва да се премахне и запетаята след последното имущество на всеки стил.

размер на файла, след като първата стъпка е 3.02 KB, което означава, че файлът ще се зареди по-бързо.

3. Всеки стил запис в един ред.

Прилагането на този метод може значително да намали размера.

4. Всички CSS файла пише в един ред.

Стигнали сме до 2,53 размер KB файл.

5. Общи препоръки за оптимизиране на CSS код.

1. Използвайте наличното пространство, само когато това е наистина необходимо за вас.
2. Използване на начините за намаляване на CSS.
3. Не поставяйте точка и запетая след последващите свойствата на всеки стил
4. Използване на "700" вместо "смели" (например "шрифт тегло: 700;" вместо "шрифт тегло: получер;")
5. Използвайте "400", вместо на "нормално"
6. Използване 0 вместо 0px
7. Комбинирайте стилове със същите свойства.

Изберете начина на оптимизация, който ви подхожда, но да не забравяме за стандартите!

Е, нали знаеш. Джен, благодаря ви за вашите усилия, разбира се, но един KB - той дори за моите GPRS и скорост до 5 KB / сек - е нелепо. всеки стил в един ред да пиша - но не в името на един кв. Точно когато броят надхвърля стотици стилове в CSS-участника - тогава е по-добре да пиша в една линия, но това не е много удобно обръщане листо.

Благодаря за линка, Саша!

Vitalij Gordіy

в vzagalі Me 1-2 +

До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!

Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!

Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.

Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!