浏览器如何处理样式表中的图像?

时间:2014-06-22 16:49:44

标签: html css web-services http browser

上下文:我在Wordpress网站上运行了一个链接侦探/错误检查程序,并发现了一些源自style.css的断开链接。这些是由主题开发人员引起的,他们为某些类设置了一长串CSS定义,这些类当使用'background: url()'属性时会为它们加载图像。那么这为我提出了两个一般问题,如下所示,我搜索了所有地方,但找不到答案(主要问题在标题中,你能否想到这些是'子问题'?):

  1. 这种构建style.css的方式是否会在会话中加载大量额外的不必要的内容?也许不是。我很确定这些图像文件本身并不是浏览器实际要求的,除非页面需要,但我不确定这是如何工作的过程。是浏览器获取样式表,与HTML一起解析以确定哪些类“存在”,然后相应地从服务器请求样式表链接的图像?因此,在这种情况下,将忽略未使用的"background: url(image.png)"定义(由于该类不存在于页面上),并且.css文件的那一行将表示到“某处”的链接,即在DOM的“命名空间”中,但代码行只是坐在那里,它没有被执行,文件不是预先提取的或任何东西?我是否正确,足够接近,或者我如何才能更多地了解这个主题?
  2. 如果,(在这种情况下链接侦探显示我的情况),从样式表中链接到的图像实际上返回404会发生什么?我知道这种情况正在发生,因为主题开发人员忘了将这些资产添加到网站文件夹结构中。但是,每次解析样式表时,浏览器本身都会“解决”所有这些404错误(这可能会影响性能,或者由于所有这些无效链接请求而在我的服务器软件和其他地方触发各种警报)?或者,这些链接是否被忽略,因为这个特定的标记实例中不存在类,因此只有在资源实际需要的情况下才会逐个请求通过网站上的一些代码?

0 个答案:

没有答案