即使未應用CSS，是否所有CSS背景圖像都會被加載？

我很擔心我們網站主頁的加載時間。即使未應用CSS，是否所有CSS背景圖像都會被加載？

我的主頁使用默認的樣式表和整個網站的所有樣式。我爲其他頁面上的元素提供了背景圖片引用（即，不在主頁上使用）。無論如何，當用戶訪問網站的主頁時，是否會加載這些背景圖片圖形？

或者是唯一被加載的css背景圖像是那些直接在該頁面上使用的圖像？

來源

2010-01-20 Mo Boho

找出方法之一：嘗試debugging proxy。

答案可能因不同的瀏覽器而異。

來源

2010-01-20 19:39:48

感謝邁克爾 - 我給它一個嘗試 – 2010-01-20 19:57:23

安裝菲德勒（http://www.fiddler2.com/fiddler/help/ hookup.asp＃Q-NonWindows），運行它。打開IE 8（僅用於測試 - 不真正使用它）並訪問我的網站。提琴手顯示所有請求，它看起來像IE8至少也不會加載背景圖像，除非在該頁面上使用CSS元素。這是個好消息。我沒有訪問IE7或IE6 - 有沒有人有關如何這2行爲的任何信息？ – 2010-01-20 20:48:14

@MoBoho如果你有IE8，你可以訪問IE7，使用開發者工具你可以改變渲染器的版本。 – 2012-08-14 21:42:47

圖像不會加載，除非它們實際在頁面上使用;只要主頁上加載的所有樣式都是這樣 - 這實際上是一件相當好的事情。一旦這個單一的CSS文件在瀏覽器的緩存中，它就不必爲後面的頁面下載了。

別人的帖子只是提醒我，我的信息基於螢火蟲;除FF以外的瀏覽器可能會很好地下載那些未使用的BG圖像，但我真的懷疑它。

來源

2010-01-20 19:40:21 Erik

這就是我會想到的......但一直未能找到明確的答案。我在FF中使用了Live HTTP Headers擴展，並且看到它們沒有被加載，但是並不真正知道如何檢查IE，以查看它是否以相同的方式運行。對W3C或CSS標準或其他方面沒有明確的答案嗎？ – 2010-01-20 19:53:15

是的，因爲IE真的堅持標準：p如果標準這麼說，並不意味着IE就是這樣。 – Erik 2010-01-21 10:51:06

基於Erik的回答，你可以使用Google的Page Speed for Firefox插件（我相信它是建立在螢火蟲之上的），看看加載時實際上會讓你的網站變慢。

您可以找到有關該工具和其他一些技巧在這裏更多的信息：http://code.google.com/speed/page-speed/docs/using.html

來源

2010-01-20 19:49:53 Aishwar

我使用的是YSlow，它也是建立在Firebug之上的 - 我推測它與Google插件類似。 – 2010-01-20 19:54:43

即使未應用CSS，是否所有CSS背景圖像都會被加載？

回答

相關問題