清空SRC属性和性能不佳

时间:2014-05-13 08:02:05

标签: javascript html image performance

最近我读了Nicholas C. Zakas的这篇文章:

http://www.nczonline.net/blog/2009/11/30/empty-image-src-can-destroy-your-site/

它表示IMG和SCRIPT文件中的空SRC属性会导致性能下降。我的问题是:

如果根本没有src属性,是否还存在相同的性能问题?

示例:

<img id="image" />

此外,浏览器将如何解释这一点?以上代码会在任何地方出现问题吗?

非常需要任何帮助。

1 个答案:

答案 0 :(得分:0)

这是a very old version of the HTML spec

  

SRC(来源)

     

SRC属性指定要嵌入的图像的URI。其语法与标记的HREF属性相同。 SRC是强制性的。

@src是必需的,因此如果<img>缺少@src,那么它就不是有效的HTML。浏览器虽然很宽容,但在这种情况下他们会做的可能是特定于实现的。

编辑:from HTML 5 spec

  

src属性必须存在,并且必须包含有效的非空网址,可能由引用非交互式(可选)动画图像资源的空格包围既没有分页也没有编写脚本。

因此,遗失<img>的{​​{1}}不是有效的HTML。

AFAIK,HTML 5仍未指定浏览器应如何处理缺少的src属性,尽管它确实说:

  

如果未设置src属性且alt属性设置为空字符串或alt属性未设置

     
    

元素代表什么。