修复Google PageSpeed的"服务缩放图像"以实现响应式布局

Question

我的布局响应,所以我需要有比例缩小图像使用移动设备时放入模板,例如,span3中Boostrap可能占据整行这样的宽度将增加.

但在Google PageSpeed中,它被标记为一个问题.

有没有解决方法或更好的方法来处理这个问题？

Answer 1

您是否启用了压缩 gzip 或 deflate 模式？它告诉我们因为我们没有使用缓存（浏览器或代理）。将其写入您的 header/.htaccess 文件中。

<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf|svg|pdf|flv|mp3)$">
<IfModule mod_expires.c>
 ExpiresActive on
 ExpiresDefault "access plus 1 month 2 days 3 hours" //example you can change it
 Header set Cache-Control "public"
</IfModule>
</FilesMatch>

如果浏览器仍然忽略它是一回事。您还可以使用自适应图像方法来根据更少的 DNS 查找和针对小型设备的缩减来隔离您的资源。

如果您使用其中一种方法，则不必担心图像是否缩放。我已经尝试了所有这些方法，页面速度为98（满分100） 。

如果你看看这个页面的页面速度你就可以相信。希望你也能更好地解决它。