Практика, которую я обычно использую при манипулировании содержимым на веб-сайтах - это абсолютно позиционировать элементы с левым (или иногда верхним) значением около 200px, чтобы убедиться, что его не будет видно на экране.
Теперь я знаю, что я могу использовать дисплей: нет
, чтобы заставить мои объекты исчезнуть, но некоторые элементы не играют приятно, когда не отображаются, а иногда мне нужно сделать ссылку на некоторую собственность, как его Ширина, например, которая не может быть доступен, когда свойство отображается
. Нет Нет
. Так часто я размещу элемент, чтобы он скрыт экран.
Мое предположение, тогда это:
, поскольку объект не отображается на экране, не должно быть никакой разницы в производительности веб-сайта *, когда я использую , влево: 2000px
в отличие от Слева: 2000000ПК
.
Поэтому я предполагаю, что если используется следующий код, не будет никакой разницы в выполнении двух страниц:
Page One:
<div style="height:100px; width:100px; left:-2000px"></div>
Page два:
<div style="height:100px; width:100px; left:-200000000px"></div>
Являются ли мои предположения? Если бы этот элемент был единственным отличием между двумя данными страницами, будет ли любая разница (однако маленькая), в производительности?
* то есть время загрузки, размер страницы, отзывчивость или любая другая мера производительности
==================================
Я профилировал страницы, предложенные Майклом и Нашел следующее: искра была правильной, говоря, что время загрузки будет затронуто размером файла. В размере файла разница была разница в размерах файла, который соответствовал различию около 4 мс в времени загрузки.
Во-вторых, мое невероятно большое левое значение было правильно интерпретировано у IE и Firefox, но не Chrome. Chrome не распознает значения, превышающие около 135 миллионов пикселей. Однако, учитывая разницу производительности, кажется, минимальна, я не могу спекулировать относительно того, почему они решили бы ограничить его таким произвольным количеством.