我正在製作投資組合網站,並有一個橫向滑塊,它將在每件作品之間滑動。假設有100件作品,它們都是圖形密集型和/或閃光對象。瀏覽器性能顯示/知名度
我們還假設任何時候屏幕上最多會有4件作品。
他們都在一個大的div,我操縱jQuery修改left
財產移動div
。
在高端機器上,它可以很好地運行,但是例如上網本,它真的很不穩定......甚至在較慢的瀏覽器上。
我打算做的是制定出哪些作品在他們轉換並僅顯示它們時可見。我希望這會提高性能。但是,我計劃將visibility
屬性設置爲hidden
,因此元素尺寸仍然存在。但是,我想知道將display
設置爲none
並創建一個佔位符元素而不是隱藏工作會更好嗎?
還有哪些方法可以提高較慢機器/瀏覽器的性能?
但最終,如果用戶滑動全部通過投資組合,所有的100個項目將被載入......除非你認爲我刪除元素他們拿出來看後,再與阿賈克斯重裝?這將成爲服務器性能的熱門 – Ozzy
您獲得的是更快的頁面加載時間。當用戶在頁面上有100個項目時,滾動時問題將會滯後。除此之外,沒有關係 - 除非你提到,否則刪除早期的項目。 – Steeven
它不會像您想象的那麼大的服務器性能要求。這些項目的編號將從#1到#100,並且只會刪除過去的四個項目。儘管如此,在同一頁面上顯示100個圖形項目並不是非常值得推薦的。一個替代方案可能是顯示10個20個項目,然後當用戶到達最後時會顯示一個「顯示更多」-botton。 – Steeven