阻止modernizr.js加载重写的css background-image?

时间:2018-06-12 16:02:11

标签: css background-image pagespeed modernizr

我有这个css:

body { background-image:url('grey.jpg'); }
body.red { background-image:url('red.jpg'); }
body.blue { background-image:url('blue.jpg'); }

Alterantively,我正在使用它,我认为这可能是一个解决方案,但它不是:

body {  }
body.red { background-image:url('red.jpg'); }
body.blue { background-image:url('blue.jpg'); }
body:not(.red, .blue) { background-image:url('grey.jpg'); }

这个想法是,如果身体没有特殊的颜色类,只有这样,它才会应用灰色背景。

根据我对解析HTML和CSS的了解,在两种变体中,现代浏览器实际上只在真正需要时加载grey.jpg,否则会跳过它。

但是:我正在使用modernizr.js(作为drupal主题和原因的一部分)。分析浏览器开发人员工具(firefox和chrome)的网络窗格,modernizr.js实际上以某种方式请求grey.jpg,即使它不需要。

这增加了加载时间,所以我想防止这种情况发生。 知道为什么modernizr这样做以及如何阻止它?

(编辑/碰撞:尚未发现任何解决方案......任何人都知道吗?)

0 个答案:

没有答案