Как да се намали размера на файла, 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 сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!