Будет ли метод позиционирования CSS влиять на производительность рендеринга в браузере?

Question

Рассматривая два DIVs A и B, к которым A относится B, и CSS:

A { margin-left: -2000px; }
B { margin-left: 2000px; }

с этим CSS позиция B не имеет никакого значения для его ситуации без CSS, я хочу знать, будет ли снижение производительности при рендеринге? Сравните со случаем отсутствия CSS.

Answer 1

Вы заставляете браузер выполнять ненужные вычисления CSS, так что он будет действительно крошечным бесконечно малым немного менее производительным. :)

Ни один пользователь, вероятно, никогда этого не заметит!

Чтобы сделать сходство с кодированием процессора, при объявлении переменной таким способом требуется меньше:

var a = 0;

вместо того, чтобы делать:

var a = 1 - 1;

но я верю, что никто (с точки зрения пользователя) никогда не почувствует разницу, кроме кодеров, которые думают о вас как о проводной личности, когда читают в вашем коде такие вещи.

Answer 2

Учитывая скорость большинства соединений, вам не о чем беспокоиться. Если вы не используете таблицу стилей, содержащую тысячи строк, возможно, было бы неплохо использовать ее с помощью инструмента сжатия , но в остальном я бы не стал сильно беспокоиться об этом.

Answer 3

Единственная ситуация, когда я заметил снижение производительности, - это элементы, которые имеют position:fixed (они придерживаются одной и той же позиции во время прокрутки) ... Firefox становится (очень немного) прерывистым при прокрутке страницы.

Answer 4

Не совсем. Если бы это было так, вы бы говорили 0,01 секунды.

Если вы применили конфликтующие настройки к одному и тому же элементу, будет использоваться последняя настройка.