2013-11-26 78 views
3

我需要在同一個「可見」頁面上顯示大約10000個鏈接。在同一頁面上渲染10000個鏈接

'可見'我的意思是文檔可以與不同的iframe或其他技術拼接,但必須在同一瀏覽器窗口中顯示。佈局不是問題,我可以{顯示:塊;浮動:左;寬度= 1;高= 1}顯示全部在一個相當小的區域。

我的問題是,我不能顯示超過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> 

諾塔(我的小小的抱怨):

我有什麼,我認爲是一個平均的短鏈接,像這樣測試它很難搜索這個特定 技術上看,所有搜索結果對待搜索引擎優化和什麼馬特 卡茨寫了關於搜索引擎優化和什麼谷歌指出有關搜索引擎優化或什麼更多的100個鏈接將破壞我的網頁排名 。

+5

分頁不是一個選項嗎?我的意思是10'000個鏈接是**很多** – DaGardner

+1

我不想成爲那個必須滾動頁面才能找到我想要的鏈接的人:) –

+0

您可以隨着您的Ajax加載越來越多滾動?也許隱藏什麼是不可見的,我的意思是你不能同時顯示所有的10K?否則10k似乎不可能。 – Rayf

回答

1

無法確切地知道您在努力達到什麼樣的目標,只是爲了迴應其他人所說的話,10,000頁的網頁鏈接看起來像很多 - 您的理由是什麼?

另外我可以看到這會對seo造成一些影響。

三種可能性,我會考慮:

  1. 使用分頁限制結果每頁一個合理的量與標準第1頁/ 2/3上一個/下按鈕,等PHP的例子 - http://net.tutsplus.com/tutorials/php/how-to-paginate-data-with-php/
  2. 使用某種形式的AJAX自動完全/建議這將在隨後一段時間你的結果只有負荷小節 - http://www.1stwebdesigner.com/freebies/auto-completion-scripts/
  3. jQuery插件在(闕仇敵;-) - 或者使用的東西,同時使用Ajax和分頁像這樣(從谷歌)臺分揀機插件隨便挑,可以明顯地處理大數據集 - http://www.jqueryscript.net/table/jQuery-Dynamic-Data-Grid-Plugin-appendGrid.html

PS iFrame是通常不建議這些日子,所以我會盡量避免這些如果可能的話

0

也許我不明白你的問題。我只是增加了一個網頁鏈接10000讓他們浮動:左和1px的大,它與Firefox 23的作品很好我已經把對

Example with 10000 links

當然渲染需要一些時間的例子,但它確實根本不會崩潰。哪個瀏覽器崩潰,以及該文檔加載和渲染速度有多快?

+1

弗朗茨? AlvalHenrik,感謝您的努力。會發生什麼,是的,我能夠看到源代碼和所有鏈接,但是瀏覽器在內存中阻塞。當我懸停鏈接時,我將CPU使用率提高到80%。 –

+0

你使用什麼瀏覽器?你需要動態生成鏈接還是使用靜態HTML。 – AlvaHenrik

+0

就像問題中所解釋的那樣,我只是需要'在相同的頁面中顯示'它們,不管我可以使用什麼技術。對於我的瀏覽器,它是一個前端開發工作站。我正在使用最新版本-2(無插件)爲Firefox,Opera,gChrome,IE,Safari-pc虛擬測試。在標準模式下,我測試所有最新版本(帶插件)。 –