img, script, link 的 src/href 为空时的bug

重复加载

这个 bug 并不新鲜。早在 2009 年,Nicholas C. Zakas 就发现了空 src 的危害性:Empty image src can destroy your site.

Nicholas 的发现可以概括为一句话:img, script, link 的 src/href 为空时,有可能会导致冗余请求。

今天这个 bug 的起因,可以补充 Nicholas 的发现:CSS 里,background url 为空时,也有可能会导致冗余请求。

除了空值,还有一个值也会出问题:#值。 比如 <img src=”#”>

#值比空值更糟糕。比如 background: url(#), 直接会触发一个新请求。

解决方案:

  1. 等待浏览器自身的改进。Nicholas 在 2009 年就开始推动各浏览器厂商,现在看起来就 IE 修复得还可以,Firefox 依旧会从本地缓存中读取一次(重复读取有可能会导致 js/css 的再次 parse + execute,浪费呀)。对于#值,则目前所有浏览器都未考虑周全。

  2. 改变代码习惯。严禁代码中,url/href/src 值为空或 # . 这应该是目前最好的一种方式。

  3. 经验教训:对于开放 CSS 的系统,源码检查时,要加入对 background/background-image: url()/url(#) 的检查。

session丢失

img src为空时,會發生Session掉的問題

因為img的src為空字串所造成的,所以就加入如果src為空字串的話,就把它給清掉,就OK了


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。