显示:无或jquery隐藏功能加快我的网站,我的意思是我正在开发一个网站,我有一个DIV但它并不总是需要所以如果给他CSS属性显示:无或使用jquery。隐藏将加快我的网站?如果不是怎么做?
谢谢
答案 0 :(得分:1)
隐藏<div>
元素通常不会对性能产生明显影响。
您的网站运行速度太慢了吗? 如果是这样,怎么样? Javascript执行?初始页面加载?资源加载?
答案 1 :(得分:1)
如果在css中使用display:none隐藏div,它将不会参与渲染树,因此从技术上讲,从这个角度来看它会更快。使用jQuery隐藏它可能实际上更慢,因为浏览器可能已经开始计算布局,当javascript运行时,从而导致它重新计算。
然而,除非它足够复杂,需要花费大量时间来渲染,否则不太可能产生感知差异。
测试差异应该很容易,不是吗?
答案 2 :(得分:0)
除非它的一个超级复杂的div不能加快速度。与来自服务器的数据传输时间相比,浏览器的实际渲染时间微不足道。 div仍然是数据的一部分。
答案 3 :(得分:0)
jquery总是比css慢,但两者都不会加快你的网站速度 因为无论如何必须加载元素是无关紧要的。
答案 4 :(得分:0)
如果元素设置为display:none
,则差别可以忽略不计。虽然如果你在该部分中有很多图像,那么一些浏览器将不会下载它们,直到该部分变得可见,因此它可以产生相当大的差异。
使用jQuery几乎肯定会像其他人推断的那样慢。
但是,这不太可能成为您的性能瓶颈。您应该考虑使用gzip / deflate压缩并减少HTTP请求。查看Google的Page Speed和Yahoo的YSlow插件,他们会给你一些不错的建议(但don't follow them religiously)