我正在制作一个投资组合网站，并有一个水平滑块，可以在每个作品之间滑动。我们假设有100件作品，它们都是图形密集型和/或闪光对象。
我们还假设任何时候屏幕上最多可以有4个作品。
它们都在一个大型div中，我使用jQuery操作来修改left属性以移动div。
在高端机器上，它工作得很好而且流畅，但是例如上网本，它真的很不稳定......甚至在较慢的浏览器上。
我计划做的是确定哪些作品在转换时可见，并仅显示它们。我希望这会提高性能。但是，我计划将visibility属性设置为hidden，因此元素维度仍然存在。但是，我想知道将display设置为none并创建一个占位符元素而不是隐藏工作会更好吗？
我可以通过哪些其他方式提高速度较慢的机器/浏览器的性能？
答案 0 :(得分：2)
只需制作display:none;，您就不会获得任何微弱的性能提升。内容仍将加载。
相反，你可以试着看一些ajax。一个想法是预加载8个项目，即使你只显示4.然后在用户点击“下一步”按钮，屏幕滑动到接下来的4个已经加载的项目，同时在行中接下来的4个项目将开始加载。
http://yensdesign.com/2008/12/how-to-load-content-via-ajax-in-jquery/