我正在制作一个作品集网站，并且有一个水平 slider 可以在每件作品之间滑动。假设有 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/
关于javascript - 浏览器性能显示/可见性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6583201/