我有一个响应式页面，我正在尝试优化页面加载时间。我在页面上运行了yslow扩展，并且建议将宽度和高度属性插入到图像中，以便它可以在加载css之前渲染图像:(示例）
<img src="example.png" width="50px" height="50px" />
我的问题是，有没有办法实现类似的东西，但是在某种程度上保留了页面上图像的响应属性？
答案 0 :(得分：1)
您可以在CSS文件中设置图像的宽度和高度，并使用媒体查询进行调整。
您可以在其父容器中将图像设置为背景：
background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
后台方法适用于精灵，这是另一种加速页面的方法。