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



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

#1

Поделиться сообщением #1



okip

okip
  • Неактивные
  • 16 сообщений
  • Репутация: 0
0

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

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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. CSS
  2. Помогите сократить\оптимизировать мой CSS
  3. Сервисы, облегчающие работу оптимизатора.
  4. Оптимизация загрузки CSS и JavaScript на странице
  5. Способы ускорения DataLife Engine (DLE)

#2

Поделиться сообщением #2



bestolloch

bestolloch
  • Неактивные
  • 224 сообщений
  • Репутация: 1

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

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

#3

Поделиться сообщением #3



admin

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

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

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

#4

Поделиться сообщением #4



surfer

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

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

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

#5

Поделиться сообщением #5



ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

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

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

#6

Поделиться сообщением #6



surfer

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

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

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

#7

Поделиться сообщением #7



yury

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

Отправлено 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