避免图片 src 为空—前端性能优化 35

雅虎前端优化总结的35 条前端性能优化军规第三十五条：避免图片 src 为空。

图片标签的 src 属性值为空字符串可能以下面两种形式出现：

　　HTML:

<img src="" />

　　JavaScript：

var img = new Image(); 
img.src = "";

　　

虽然 src 属性为空字符串，但浏览器仍然会向服务器发起一个 HTTP 请求：

• IE 向页面所在的目录发送请求；
• Safari、Chrome、Firefox 向页面本身发送请求；
• Opera 不执行任何操作。

空 src 产生请求的后果不容小觑：

• 给服务器造成意外的流量负担，尤其时日 PV 较大时；
• 浪费服务器计算资源；
• 可能产生报错。

空的 href 属性也存在类似问题。用户点击空链接时，浏览器也会向服务器发送 HTTP 请求，可以通过 JavaScript 阻止空链接的默认的行为。