Question

我需要在同一个“可见”页面上显示大约10000个链接。

“可见”是指文档可以拼接不同的iframe或其他技术，但必须在同一个浏览器窗口中显示。布局不是问题我可以css {display：block; float：left; width = 1; height = 1}在一个非常小的区域显示em。

我的问题是，在浏览器减速到不可接受的速度之前，我无法显示超过2000个链接..然后崩溃。

我的第一次尝试是最简单的地图区域，以消除高DOM值。

我尝试过使用ajax调用，javascript不同的追加，简单的html， mapArea ，但没有任何效果。

我测试了我认为是一般的短链接，如下所示：

<a href="http://www.example.com/?fake-parameter=longer-url" title="Fake text to sumulate about 35 characters" target="_blank">Fake text to sumulate about 35 characters</a>

Nota（我的小抱怨）：很难找到这个特定的技术点，所有搜索结果对待SEO和什么马特 Cutts写了关于搜索引擎优化和谷歌指出的SEO或更多超过100个链接将破坏我的网页排名。

Answer 1

在不确切知道你想要达到什么难以建议的情况下，只是回应其他人所说的页面上的10,000个链接似乎有很多 - 你的理由是什么？

我也可以看到这会对seo产生一些影响。

我会考虑三种可能性：

使用分页，使用标准页面1/2/3上一个/下一个按钮等将结果限制为每页合理的数量PHP示例 - http://net.tutsplus.com/tutorials/php/how-to-paginate-data-with-php/
使用某种形式的ajax自动完成/建议这样一次只能加载结果的子部分 - http://www.1stwebdesigner.com/freebies/auto-completion-scripts/
jQuery插件（Que the haters ;-) - 或者使用同时使用ajax和分页的东西（例如谷歌的随机选择）表格分类器插件，它可以显然处理大型数据集 - http://www.jqueryscript.net/table/jQuery-Dynamic-Data-Grid-Plugin-appendGrid.html

这些天通常不建议使用PS IFrame，所以如果可能的话，我会尝试避免这些

Answer 2

也许我不明白你的问题。我刚刚在一个页面上添加了10000个链接，使它们浮动：左边和1px很大，它与Firefox 23很好用。我已经把这个例子放在了

Example with 10000 links

当然渲染需要一些时间，但它根本不会崩溃。哪个浏览器崩溃以及此文档加载和呈现的速度有多快？

在同一页面上渲染10 000个链接

2 个答案: