这仅适用于背景图像，因为我们将使用 CSS媒体询来提供正确的图像。上有任何背景图像،这可能会有助于大幅减少加轕时间. 首先获取主要的全尺寸背景图像并创建它的一个小版本（如果需要，也可以创建中号版本）。
现在只需将以下 CSS 添加到包 柬埔寨号码数据 含背景图像的元素中： #header { 背景图像： url(largeimage.jpg); } @media 仅屏幕和（最大宽度： 320px）{ #header { background-image：url（smallimage.jpg）; } } 这将确保在较小的屏幕上下载较小的图像，因为媒体查询将覆盖原始 CSS 属性。
本文提供了有关优化响应式网站图像的真正完整指南，因此请查看更多详细信息。 对图像使用媒体查询 对于常规图像，使用相同技术没有好的选择。但是，一种解决方案是使用背景图像而不是 HTML img 标签。
这样做的缺点是您失去了包含 alt 标签的机会，这对 SEO 不利。 但是，如果您的网站包含大量图片，使用此技术可以显著减少移动访问者的加载时间。您必须决定哪个选项最重要。