2016-06-17 50 views
1

我在想,關於頁面加載時間和全局頁面速度會更快。我有一個很好的情況,我很欣賞任何輸入。Page speed,css vs if if函數

現在我得到了大約50張圖片,我可以在樣式表background-imageif condition <img src....>

在這個問題上有什麼想法通過CSS設置爲? :)

+0

我不明白,你想要什麼比較,什麼更快?你想做什麼? –

+0

頁面加載時間:) 由於頁面加載整個CSS樣式表,如果我要使用if頁面id作爲條件並將圖像放置在if中,但是如果條件將會有50個圖像。所以我想弄清楚哪個會加載得更快:) –

回答

1

第一種情況:你需要加載所有在同一時間,所以你需要使用CSS


第二種情況:你需要加載動態(比較好),例如向下滾動時加載下一行圖像(有很多例子),所以你需要使用js或jquery

+0

謝謝並抱歉我不太清楚這一點,我得到了一個電子商務網站與50個不同的產品,這些50的每個圖像是爲單個產品頁:) –

+0

使用jquery延遲加載,這將爲您節省:D – HudsonPH

+0

omg,完全忘了它,謝謝:) –

3

使用IMG而不是背景圖像可以大大提高在背景動畫的性能和更快的有關頁面加載時間

所以你應該使用if條件,而不是背景圖像

+0

感謝您的輸入:) 我仍然在比較50個css類規則和50個if語句 –