CSS是否加載了評論圖片？

如果我評論一行前。 /* background: url(images/header_overlay.png) */ 對CSS頁面加載瀏覽器下載此圖像？如果我放過它幷包含第二個CSS，並優先考慮第二個圖像，該怎麼辦？ background: url(images/header_overlay2.png) 在用戶瀏覽器的加載時間內，這兩個圖像是否已下載，然後第二個優先？我想在css上謹慎而精確地減少頁面加載時間。我感興趣的是大頁面，我無法得到完全理想的清潔CSS和CSS覆蓋它是必要的。CSS是否加載了評論圖片？

來源

2015-01-12 Arra Alb

它不會加載它，在Chrome上進行測試。我懷疑這不會是任何瀏覽器的情況。 –

在你的css中註釋代碼是沒用的。它沒有被解析，因此圖像將不會被下載，但是如果你有一些稍後可能有用的代碼，那麼在某處寫下一些註釋並刪除註釋的代碼。這也減小了文件大小，所以它也是一個微型優化。另外，如果你有兩個矛盾的規則涉及兩個不同的圖像，那麼具有更高優先級的規則將生效，另一個將被忽略，因此只有一個衝突的圖像被提取。

您可以檢查在瀏覽器中下載了哪個圖像。例如，使用chrome，點擊任意位置的檢查元素，然後在控制檯中單擊網絡選項卡，查看下載了哪些圖像。確保在進行這種測試之前清除緩存。

來源

2015-01-12 11:38:07

CSS不解析註釋行，它只是一個文本，沒有圖像可以在裏面。

如果您在開發工具中看到header_overlay.png已下載，可能是在其他地方定義的。註釋中

來源

2015-01-12 11:15:00 panther

否 - 任何沒有CSS的範圍內分析，評論封包內的圖像不會被下載，也不會影響任何其他（未註釋）規則 - 這可能是found in the spec

（。 ..）他們的內容對渲染沒有影響

來源

2015-01-12 11:15:13 SW4

第二種情況如何，其中兩個背景都未被評論，而渲染選擇第二個命令來顯示。在這種情況下都是下載？ –

如果存在兩個未註釋的規則，則會應用具有最大特異性的規則，如果它們相等，則爲第二個。如果沒有應用規則 - 請參閱此處：http://stackoverflow.com/questions/2396909/are-unused-css-images-downloaded – SW4

我知道優先級，如果兩個圖像都加載到瀏覽器上，我很感興趣 –

CSS是否加載了評論圖片？

回答

相關問題