Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Оптимизация css

#1 okip

okip
  • Пользователь
  • 16 сообщений
  • Репутация: 0
0

Отправлено 01 Март 2011 - 22:08

Вопрос может не по теме ! Заранее сори. Если убрать из css пробелы то функциональность потеряется или нет , и какие возможные манипуляции можно сделать с css чтоб облегчить , где то читал что избавления от пробелов что то там улучшает на 40% - это так или бред?

 

 

  • 0

#2 bestolloch

bestolloch
  • Пользователь
  • 224 сообщений
  • Репутация: 1

Отправлено 01 Март 2011 - 22:58

Бред, если имеют пробелы какой-то вес, то очень не значительный, можно сравнить файл с пробелами и без, и разница будет - увеличение скорости (верней разница в весе файла - а остальное подключение). Но читабельность считаю запарывать не стоит.
  • 0

#3 admin

admin
  • Пользователь PRO
  • 5 272 сообщений
  • Репутация: 54

Отправлено 01 Март 2011 - 23:14

Несколько пробелов подряд считаются как один всё-равно. Не заморачивайтесь вы такой ерундой, впервые слышу чтобы "ускоряли" CSS
  • 0

Сколько лет прошло, а ссылки всё ещё лучше покупать тут



#4 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 03 Март 2011 - 00:11

да делается сжатие и оптимизация css файлов, что уменьшает размер css файла, а следовательно и скорость загрузки страниц.
  • 0

#5 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 06 Март 2011 - 12:28

okip, конечно данный вопрос не по верстке. Да, это оптимизация CSS-файлов. Но подобное сжатие делается, если дизайн уже устоялся и меняться не будет. Это незначительно увеличивает скорость загрузки страницы.
  • 0

#6 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 06 Март 2011 - 15:03

без пробелов все работает, при условии, что в коде нет ошибок, как и везде.
  • 0

#7 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 06 Март 2011 - 23:16

Существует, например, такая "оптимизация", которая может существенно сократить css код практически без особых потерь в читабельности. Даже наоборот читать становится легче именно за счет сокращения объема кода.
По большей части взято отсюда: Сокращения в CSS.
Вкратце, сокращается css код за счет:
* отсутствия единиц измерения для нулевых значений
Например, вместо
margin: 0px;
можно написать
margin: 0;
* сокращений в указании цветов
Например, вместо
#ffffff
можно написать
#fff
* объединения описания нескольких свойств объекта в одно описание
Например, вместо
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 100%;
line-height: 1.2em;
font-family: Tahoma, Arial, sans-serif;

можно написать
font: italic small-caps bold 100%/1.2em Tahoma, Arial, sans-serif;
или вместо
padding-top: 10px;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 25px;

можно написать
padding: 10px 15px 20px 25px;
* еще можно указывать совпадающие свойства для разных объектов, перечисляя объекты через запятую
Например, вместо
h1 {color: black;}
h2 {color: black;}
h3 {color: black;}

можно написать
h1, h2, h3 {color: black;}

Естественно, это не тайна для любого, кто хоть немного знает css, и большинство этими правилами пользуются, даже не зная, что это все оптимизация. ;)

Примечание: при написании этого поста использовалась "оптимизация" в указании цвета шрифта (например, вместо #009999 указывалось #099)
  • 0


Оформление форума – IPBSkins.ru