html - 为响应式布局修复 Google PageSpeed 的 "Serve scaled images"

标签 html twitter-bootstrap responsive-design pagespeed

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

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

是否有任何解决方法或更好的方法来处理此问题?

最佳答案

您是否启用了压缩 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>

还有一件事,如果浏览器仍然忽略它。您也可以使用 Adaptive-Images根据较少的 DNS 查找和缩小小型设备的规模来切断您的 Assets 的方法。

如果您使用其中一种方法,则不必担心图像缩放与否。 these things 我都试过了在 100 Page Speed 中获得了 98

如果您查看此 page 的页面速度,您就会相信.希望你也能更好地修复它。

关于html - 为响应式布局修复 Google PageSpeed 的 "Serve scaled images",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15133562/

相关文章:

html - 努力增加和减少响应式电子邮件事件的字体大小

javascript - 根据元素数组动态填充表 td

javascript - 设置数据内容并显示弹出窗口

javascript - 取消选中所有其他复选框

css - 叠加层顶部的不透明进度条

javascript - 模式内的多个联系表单 PHP 无法正常工作

html - html5 样板中的响应式 Logo (图像替换)

css - 响应 : How to float:left li with centrally aligned ul?

html - 隐藏在页脚下方的第三个 div 元素

html - 无法将元素居中 vs vertical-align AND 显示 : table-cell