一页中有100万个链接元素?

时间:2010-02-07 14:37:14

标签: javascript jquery html ajax dom

如果我获取100万个链接元素并将其放入DOM中,它会变得“滞后”。

因为我想要一个顶部的导航列表..有点像苹果公司在他们的网站上的一个,你可以用键盘向左或向右滚动。唯一的区别是中心图像的尺寸会比其他图像更大。

链接元素将如下:

 <a><img src.../ ></a>

在此滚动条中包含100万个链接元素是个不错的主意。因为我希望显示所有链接(由用户添加)。还有什么其他可能性?

有没有人知道这些动画插件?

谢谢!

9 个答案:

答案 0 :(得分:7)

是的,在GUI元素中放置100万个项目:

  1. 慢一点
  2. 打破可用性指南。
  3. 而是尝试将您的信息整理到标签或类别中,并为用户提供:

    • 寻呼
    • 排序
    • 过滤
    • 最喜欢的名单
    • 等...

    例如,查看Stack Overflow的问题列表是如何工作的。

答案 1 :(得分:6)

只有数据传输才会永远。你算了吗?

答案 2 :(得分:6)

除非你真的希望用户滚动浏览你所有的一百万个链接,否则我认为用户界面本身需要重新思考。是的,页面中的信息量会非常“滞后”。

答案 3 :(得分:5)

是的,一百万个链接会导致您的网页非常滞后。您应该只加载当时可见的链接数,例如分页。

此外,您不希望在页面上加载一百万个图像,这会导致很多延迟,如果您有多个用户,您的服务器可能不喜欢加载。 (一个用户的带宽可能无法在服务器上施加足够的负载而导致问题。)

答案 4 :(得分:3)

问题是你将无法做到这一点

我在我的网站上进行了一次压力测试,加载纯文本表40k行,一行4个单元格,每个单元格不超过5个单词......

IE崩溃了,Firefox设法使用1G内存使用......需要永远滚动...

所以你的1M图像是不可能的任务......太糟糕了

答案 5 :(得分:2)

在滚动条中放置100万个链接并不是一个好主意。您应该检查是否可以在滚动条中放置少得多的链接(比方说20)并按需加载其他链接,同时忘记那些通过滚动看不到的链接。

答案 6 :(得分:1)

你能想象你的用户体验有多糟糕,不得不手动滚动一百万件物品吗?你知道“1,000,000”有多大吗?

如果您有很多要查看的内容,请创建一个分页表,并添加搜索/过滤设施。让您的计算机工作,让您的用户的生活更轻松。

答案 7 :(得分:1)

关于其他可能性:创建单个大图片并处理onclick事件,然后在客户端或服务器上转换坐标,将其映射到数百万个网址中的一个

答案 8 :(得分:1)

请不要有人想到 children 用户!?

说真的,给用户一个100万个链接的列表有什么意义? 100个链接对于用户滚动来说是令人生畏的。你想将它乘以10000?

你提到了Apple网站......他们在网站上使用这个网站的位置是什么?