CSS加载评论的图像吗?

时间:2015-01-12 11:10:39

标签: css image load

如果我评论一行前。  /* background: url(images/header_overlay.png) */ 在浏览器页面加载CSS上这个图像下载? 如果我按原样放置并包含第二个优先于第二个图像的CSS,该怎么办? background: url(images/header_overlay2.png) 在用户浏览器的加载时间内,这些图像是否已下载,然后第二个获得优先权?我希望在css上仔细而精确地减少页面加载时间。我对大页面感兴趣,我无法获得完全理想的干净css和css覆盖它是必要的。

3 个答案:

答案 0 :(得分:2)

在css中注释代码是没用的。它没有被解析,因此不会下载图像,但是如果你有一些可能在以后有用的代码,那么在某处写一些注释并删除注释的代码。这也减少了文件大小,因此它也是一种微优化。

此外,如果您有两个相互矛盾的规则引用两个不同的图像,那么优先级较高的图像将生效而另一个将被忽略,因此只会从冲突的两个图像中提取一个图像。

您可以查看浏览器中下载的图像。例如,使用chrome,在任意位置单击inspect元素,然后在控制台中单击网络选项卡,查看下载的图像。确保在进行此类测试之前清除缓存。

答案 1 :(得分:0)

CSS不会解析评论的行,它只是一个文本而且里面没有图像。

如果您在开发工具中看到header_overlay.png已下载,可能是在别处定义的。

答案 2 :(得分:0)

否 - 注释中的任何内容都不在CSS范围内解析,注释包装器中的图像将不会被下载,也不会影响任何其他(未注释的)规则 - 这可能是found in the spec

  

(...)他们的内容对渲染没有影响