浏览器性能的显示/可见性

Question

3

我正在制作一个展示网站，其中有一个横向滑块，可以在各个作品之间进行滑动。假设共有100件作品，它们都是图形密集型和/或闪存对象。

同时，假设屏幕上最多只能同时显示4个作品。

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

在高端机器上它运行得很顺畅，但在比如netbook上它非常卡顿...甚至在较慢的浏览器上也是如此。

我的计划是找出将要可见的作品，并仅显示它们。我希望这样做可以提高性能。然而，我计划将visibility属性设置为hidden，以保留该元素的尺寸。但是，我想知道相对于隐藏作品，将display设置为none并创建占位符元素是否会更好？

还有其他方法可以提高较慢的机器/浏览器的性能吗？

- Ozzy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Steeven · Accepted Answer

你不会通过仅使用"display:none;"来获得任何明显的性能提升。内容仍然会被加载。

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