浏览器性能显示/可见性

Browser Performance display/visibility

本文关键字：可见性显示性能浏览器更新时间：2023-09-26

我正在制作一个投资组合网站，并有一个水平滑块，将在每件作品之间滑动。让我们假设有100个作品，它们都是图形密集和/或flash对象。

我们还假设在任何时候屏幕上最多有4部作品。

它们都在一个大的div中，我用jQuery修改left属性来移动div。

在高端机器上，它工作得很好，但在例如上网本上，它真的很不稳定…甚至在较慢的浏览器上。

我打算做的是找出哪些作品将是可见的，因为他们过渡，只显示他们。我希望这将提高性能。但是，我计划将visibility属性设置为hidden，因此元素尺寸仍然存在。但是，我想知道将display设置为none并创建占位符元素而不是仅仅隐藏工作是否会更好的性能?

在较慢的机器/浏览器上，我还有什么方法可以提高性能?

仅仅制作display:none;不会获得任何明显的性能提升。内容仍然会被加载。

相反，您可以尝试查看一些ajax。一个想法是预加载8个项目，即使你只显示4个。然后，当用户点击"下一步"按钮时，屏幕将滑动到下一个已加载的4个项目，同时在行中的下一个4个项目将开始加载。

http://yensdesign.com/2008/12/how-to-load-content-via-ajax-in-jquery/