Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Небольшая оптимизация CSS / 15 сообщений из 15, страница 1 из 1
12.12.2012, 10:04
    #38075211
eJack
eJack
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
Всем доброго дня.
Интересует вопрос эффективности обработки CSS web сервером, какие стили он обрабатывает эффективнее и быстрее - вложенные или просто стили?

Вложенные:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
.menu {
...
}
.menu ul {
...
}
.menu ul li {
...
}
.menu ul li a {
...
}
.menu ul li a:hover {
...
}



Или обычные стили:
Код: css
1.
2.
3.
4.
.menu {}
.menu-box {}
.menu-item{}
.menu-item-link{}



Как это может влиять на производительность, достаточно загружённой системы?
Спрашиваю так как пристроит написать достаточно большой файл стилей и хочется понять как это сделать правильно.

Да фронты до этого не писал поэтому и возник возможно ламерский вопрос.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2012, 10:22
    #38075241
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
eJack , чем сложнее селектор - тем дольше он будет обрабатываться браузером.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2012, 10:29
    #38075250
eJack
eJack
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
krvsa,

Спасибо, значит вложенные селекторы будут отрабатывать дольше .
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2012, 10:44
    #38075282
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
Причем вложенные классы отрабатываются быстрее вложенных элементов.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2012, 10:55
    #38075307
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
eJackзначит вложенные селекторы будут отрабатывать дольше .
Но это не значит, что их не нужно использовать.

Для меня лично "хороший ЦСС" это ЦСС понятный и простой по отношению к разработчику, а не компу...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2012, 11:08
    #38075340
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
krvsaДля меня лично "хороший ЦСС" это ЦСС понятный и простой по отношению к разработчику, а не компу... Варианты автора мне кажутся равноценными по понятности.

Первый вариант я бы предпочел, если соответствующий html верстается вручную, второй — если генерится скриптами.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2012, 13:14
    #38075655
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
AntonariyВарианты автора мне кажутся равноценными по понятности.
Так и я про то же...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 09:42
    #38380607
Gustly
Gustly
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
А как лучше писать?

Код: css
1.
tbody tr


или
Код: css
1.
tbody>tr



Оба они работают, но как лучше для компьютера?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 09:46
    #38380613
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
GustlyОба они работаюта ничего, что они не эквивалентны?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 09:49
    #38380618
mhx
mhx
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
TR всегда является дочерним элементом (прямым потомком) для TBODY, так что в данном случае эти записи идентичны.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 09:52
    #38380622
mhx
mhx
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
… если нет вложенных таблиц)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 09:57
    #38380629
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
mhx… если нет вложенных таблиц)ну да
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 11:00
    #38380700
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
Нет. Я тоже начал писать мессадж с подобным комментарием. Но потом стер, так как выражение mhx совершенно право. Другое дело, к чему хочется применить стиль - только к строкам текущей таблицы или ко всем строкам начиная с этой таблицы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 15:51
    #38381296
Gustly
Gustly
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
Тут вопрос не в том, к каким элементам сработает. Структура одна, сначала tbody потом tr. Вопрос в том, поможет ли анализатору указание >, чтобы он дальше не искал. Там конечно копейки, но лучше писать правильно, даже если это дает мизерный прирост.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 15:52
    #38381299
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Небольшая оптимизация CSS
Gustlyпоможет ли анализатору указание >, чтобы он дальше не искалпоможет
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Небольшая оптимизация CSS / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 537ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447948]:
 0ms
get settings:
 11ms
get forum list:
 17ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 202ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 238ms
total:  537ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]