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


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 372 3 темы, 22 сообщения, 8 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 72 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 60 0 тем, 8 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 19.08.2018
Топ 5 участников по репутации


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

#1 okip

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

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

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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Ускорение Jooml'ы
  2. Оптимизация загрузки CSS и JavaScript на странице
  3. Способы ускорения DataLife Engine (DLE)
  4. Ваше мнение относительно оформления CSS
  5. Изменение размера картинки при уменьшении окна браузера

#2 bestolloch

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

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

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

#3 admin

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

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

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

#4 surfer

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

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

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

#5 ZiTosS

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

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

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

#6 surfer

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

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

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

#7 yury

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

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