вопрос о css display и функции Jquery Hide

Question

делает Display: none или jquery. Функция Hide ускоряет мой веб-сайт, я имею в виду, я занимаюсь разработкой веб-сайта, на котором у меня есть DIV, но это не всегда необходимо, поэтому, если дать ему свойство CSS Display: none или использовать jquery. что ускорит мой сайт? если не как это сделать?

Спасибо

Answer 1

Если div скрыт с помощью display: none в css, он не будет участвовать в дереве рендеринга и, следовательно, технически сделает его быстрее с этой точки зрения. Использование jQuery для сокрытия может на самом деле быть медленнее, потому что браузер, возможно, уже начал вычислять макет при запуске этого фрагмента javascript, что приводит к его повторному вычислению.

Тем не менее, маловероятно, что это изменится, если только оно не будет достаточно сложным, чтобы рендерить значительное количество времени.

Должно быть достаточно легко проверить разницу, нет?

Answer 2

Скрытие элемента <div> обычно не оказывает заметного влияния на производительность.

Ваш веб-сайт работает слишком медленно?
Если так, то как? Выполнение Javascript? Начальная загрузка страницы? Загрузка ресурса?

Answer 3

Будет незначительная разница, если элемент установлен в display:none. Хотя если в разделе много изображений, некоторые браузеры не будут загружать их до тех пор, пока раздел не станет видимым, поэтому это может иметь большое значение.

Использование jQuery почти наверняка будет медленнее, как считают другие.

Однако вряд ли это будет вашим узким местом в производительности. Вы должны посмотреть на использование сжатия gzip / deflate и сокращение HTTP-запросов. Проверьте плагины Google Page Speed ​​и Yahoo YSlow для Firefox, они дадут вам несколько полезных советов (но не следуйте им религиозно )

Answer 4

jquery всегда будет медленнее, чем css, но ни один не увеличит скорость вашего сайта потому что это не имеет значения, если элемент видим, должен быть загружен в любом случае.

Answer 5

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