Со свойствами CSS, что больше работает для браузера? - PullRequest
Новая
       28

Со свойствами CSS, что больше работает для браузера?

1 голос
/ 27 июля 2011

Я хотел бы знать, какой из способов сделать этот синтаксис более подходящим для браузера:

Первый: 

margin: 0;

Второй: 

margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;

Третий: 

margin: 0 0;

И, наконец, те же вопросы, кроме 0px;.

Ответы [ 5 ]

2 голосов
/ 27 июля 2011

Возможно, это не тот ответ, который вы ищете, но я чувствую, что ...

Это SOOOO несущественно с точки зрения производительности компьютера.Что имеет большое значение, гораздо больше читаемости и ремонтопригодности.Как вы думаете, какой вариант проще всего поддерживать и понимать для тех, кого ваша компания нанимает на улицу?Это тот, который вы должны выбрать.

2 голосов
/ 27 июля 2011

По моему мнению, вы должны указывать единицу измерения, например 0px, все время, даже когда вы используете 0, чтобы не забыть добавить единицу при изменении значения на ненулевое значение, но это вопросличные предпочтения.

Что касается браузера, все они эквивалентны.Браузеру требуется незначительное время, чтобы понять любой из тех, которые касаются времени загрузки CSS.По этой причине margin: 0px; является лучшим, потому что он составляет всего 12 байт по сравнению с самой длинной версией, которую вы опубликовали, которая (с добавлением блоков «px») составляет 69 байт, что почти в 6 раз превышает объем загружаемых данных.* 60 байтов не так много в любом случае, но если вы повторяете это много, то, когда дело доходит до провода, более короткий синтаксис быстрее.Это также лучше читать:)

1 голос
/ 27 июля 2011

Это полностью зависит от внутренней реализации браузера. Для любого конкретного браузера наиболее вероятно, что более подробные определения будут немного более трудоемкими просто потому, что есть больше текста для анализа. На практике, однако, движки CSS действительно невероятно быстрые; ни одного из этих действий не достаточно, чтобы иметь значение для времени обработки.

0 голосов
/ 08 марта 2012

Я тоже удивился этому по соображениям производительности.

Если вас интересует максимальная производительность - предположим, что для браузера нет существенных различий - тогда поле 0: поможет снизить вес вашего CSS-файла в целом.

Если вы работаете с CSS, много умственно экстраполируете маржу: 0; в длинную или четную границу: 4px 0 3px; не должно быть большой скачок. Зачем тратить время на набор текста и вес персонажа?

0 голосов
/ 27 июля 2011

«Работа» была бы незначительной. Я полагаю, технически, второй будет больше работы, так как он должен был бы проанализировать еще 3 строки, а не только 1. Первая - как я бы предложил это сделать.

Лично я всегда так делаю: 

margin: 0px 0px 0px 0px;

Просто чтобы помочь, если я решу что-то изменить в будущем.

Хотя это действительно не важно. Существует незначительная разница между всеми ними

...