ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Небольшая оптимизация CSS
15 сообщений из 15, страница 1 из 1
Небольшая оптимизация CSS
    #38075211
eJack
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
eJack
Участник
Всем доброго дня.
Интересует вопрос эффективности обработки 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:04
| Ответить | Цитировать | Написать  
Небольшая оптимизация CSS
    #38075241
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
eJack , чем сложнее селектор - тем дольше он будет обрабатываться браузером.
...
Рейтинг: 0 / 0
12.12.2012, 10:22
| Ответить | Цитировать | Написать  
Небольшая оптимизация CSS
    #38075250
eJack
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
eJack
Участник
krvsa,

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

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

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

Код: css
1.
tbody tr


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



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


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