我的布局是响应式的,所以我需要将缩放图像放入模板中,例如使用移动设备时,Boostrap
的span3
可能会占据一整行,因此宽度会增加。
但在 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/