前端杂谈 · Web

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

•̀.̫•́✧ · 5月1日 · 2020年本文327字 · 阅读1分钟145

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

HTML:

<img src="" />

JavaScript:

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

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

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

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

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

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

0 条回应