关于css显示和Jquery隐藏功能的问题

时间:2010-03-24 14:37:07

标签: jquery css

显示:无或jquery隐藏功能加快我的网站,我的意思是我正在开发一个网站,我有一个DIV但它并不总是需要所以如果给他CSS属性显示:无或使用jquery。隐藏将加快我的网站?如果不是怎么做?

谢谢

5 个答案:

答案 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