5 图片

【强制】禁止 img 的 src 取值为空；延迟加载的图片也要增加默认的 src；

src 取值为空，会导致部分浏览器重新加载一次当前页面，参考 Yahoo performance rules

【建议】为重要图片添加 alt 属性；

可以提高图片加载失败时的用户体验。

【建议】添加 width 和 height 属性，以避免页面抖动；

【建议】有下载需求或者预期会灵活变动的图片采用 img 标签实现，无下载需求的图片采用 CSS 背景图实现；

• 用户头像、用户产生的图片等有潜在下载需求的图片，以 img 形式实现，能方便用户下载；
• 无下载需求的图片，比如：icon、背景、代码使用的图片等，尽可能采用 css 背景图实现。

[⬆]