# 图片加载优化

一般我们会用一个 <img src=''/> 元素作为真正图片加载前的占位图，但其实 <img src=''/> 依旧会加载资源，它加载的是整个页面。我们可以进一步优化它：

<img/>
<img src="加载后的图片"/>

img {
	display: inline-block;
	visibility: visible;
}
img[src] {
	visibility: hidden;
}

等图片加载成功后，切换两个 <img> 的显隐状态。