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

时间:2013-02-28 10:50:02

标签: html5 twitter-bootstrap responsive-design pagespeed

我的布局是响应式的,因此我需要将缩放的图像放入模板中,例如使用移动设备时,span3的{​​{1}}可能占据整行,因此宽度会增加。

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

有没有解决方法或更好的方法来解决这个问题?

1 个答案:

答案 0 :(得分:2)

您是否启用了压缩gzip或deflate模式?它告诉我们,因为我们没有使用缓存(浏览器或代理)。将其写在标题/ .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>

如果浏览器仍然忽略它,有一件事。您还可以使用Adaptive-Images方法根据较少的DNS查找来切断资产,并按比例缩小小型设备。

如果您使用其中一种方法,则无需担心图像缩放与否。 我已经尝试了所有these things并获得 98 100 Page Speed。

如果您查看此page的网页速度,您可以相信。希望你能更好地解决它。