延遲加載HTML標記

我的組織是一家電子商務公司，有多個頁面顯示一長串產品，有些頁面可能有20個產品，而其他頁面可能有多達100個！ - 不要問我爲什麼！延遲加載HTML標記

我的任務是改善這些頁面的加載時間，分析顯示大多數加載時間來自標記 - 它有太多的了！由於企業必須顯示的信息量不能真正減少。

這導致我尋找替代品，並且隨着用戶向下滾動屏幕（我們目前使用此技術用於產品圖像），產品標記的延遲加載將會是延遲加載。

有沒有人有任何經驗做這樣的事情，他們可以分享？ - 憂的是，這可以在網頁

任何替代方法將聽取和

展望任何意見

來源

2011-04-15 user502014

分頁是一種選擇嗎？ – 2011-04-15 10:55:14

您可以dynamically load content while scrolling內影響性能。

您可以將所有關鍵數據加載到您的準系統HTML中，然後用Javascript添加必要的標記。

或者，如果客戶端接受它，請發送一個緊湊的XML文檔並在客戶端應用XSLT轉換（請參閱'Accept：'標頭）。

來源

2011-04-15 11:37:18 9000

滾動時動態加載內容會削弱瀏覽器的頁內搜索功能。許多人使用這種方式，特別是對於像這樣的網頁上的長列表。（我不是說這總是一個壞主意，只要牢記這一點） – Willem 2011-04-15 11:51:48

是的，這對頁面搜索不友好。 – 9000 2011-04-15 13:59:09

有一點需要注意的是將壓縮添加到瀏覽器正在發送的內容中。這將大大減少頁面負載。

正如其他人所說，加載網頁的內容會導致許多問題，特別是對輔助功能需求的用戶（這是一個更大的比例比大多數人認爲的）

來源

2011-04-15 14:06:35 cdeszaq

我用下面的形式給出隱藏妝時間來呈現/創建內容（android，jq和jq-mobile）

a）內容在後臺生成。總是創建小塊（持續時間20-30ms）並插入到dom中。 b）Android的具體情況：我注意到DOM元素的第一個選擇（例如$（'＃xyz'））需要相當長的時間（大約爲50ms）（setTimeout），下一個作品被創建並插入到dom中。 10ms）。如果元素第二次被訪問，則只需要1ms（Samsung S3）。希望這會有幫助

來源

2014-11-11 19:17:22 Andreas

延遲加載HTML標記

回答

相關問題