Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
关于css显示和Jquery隐藏函数的问题_Jquery_Css - Fatal编程技术网

关于css显示和Jquery隐藏函数的问题

关于css显示和Jquery隐藏函数的问题,jquery,css,Jquery,Css,Display:none或jquery Hide函数是否会加快我的网站速度,我的意思是我正在开发一个有DIV的网站,但并不总是需要它,所以如果给他CSS属性Display:none或使用jquery.Hide,这会加快我的网站速度吗?如果没有,怎么做 谢谢隐藏元素通常不会对性能产生明显影响 您的网站运行是否太慢? 如果是,怎么做?Javascript执行?初始页面加载?资源加载?除非它有一个uber复杂的div,否则它不会加快任何速度。与从服务器传输数据的时间相比,浏览器的实际渲染时间很短。而d

Display:none或jquery Hide函数是否会加快我的网站速度,我的意思是我正在开发一个有DIV的网站,但并不总是需要它,所以如果给他CSS属性Display:none或使用jquery.Hide,这会加快我的网站速度吗?如果没有,怎么做

谢谢

隐藏
元素通常不会对性能产生明显影响

您的网站运行是否太慢?

如果是,怎么做?Javascript执行?初始页面加载?资源加载?

除非它有一个uber复杂的div,否则它不会加快任何速度。与从服务器传输数据的时间相比,浏览器的实际渲染时间很短。而div仍然是数据的一部分。

jquery总是比css慢,但两者都不会加快网站速度
因为不管元素是否可见,都必须加载。如果在css中使用display:none隐藏div,它将不参与渲染树,因此从技术上讲,从这个角度来看,它将使渲染速度更快。使用jQuery隐藏它实际上可能会慢一些,因为当javascript运行时,浏览器可能已经开始计算布局,从而导致重新计算

但是,除非它足够复杂,需要花费大量时间进行渲染,否则它不太可能产生明显的差异


测试差异应该很容易,否?

如果元素设置为
display:none
,则差异可以忽略不计。虽然如果您在该部分中有很多图像,但是一些浏览器在该部分可见之前不会下载它们,因此可能会产生相当大的差异

正如其他人所说,使用jQuery几乎肯定会慢一些


但是,这不太可能成为您的性能瓶颈。您应该考虑使用gzip/deflate压缩和减少HTTP请求。看看谷歌的PageSpeed和雅虎的YSlow Firefox插件,它们会给你一些不错的建议(但是)

我喜欢你把
称为“他”…@J-p:是的,应该是“她”,就像轮船一样;)回答我的问题:D在它下面聊天更好:Dno它运行得不慢,但我正在努力提高它的性能,希望更快。删除功能可以完成这项工作,但我不想删除页面中的信息隐藏元素只是为了让页面运行得更快一点是没有意义的,除非您确实不希望元素出现。