我的布局是响应式的，因此我需要将缩放后的图像放入模板中，例如使用移动设备时，span3的Boostrap可能占据一整行，因此宽度会增加。
但是在Google PageSpeed中，它被标记为问题。
是否有任何解决方法或更好的方法来解决此问题？
最佳答案
您是否启用了压缩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查找次数并为小型设备缩减规模来切断您的 Assets 。
如果使用这些方法之一，则不必担心图像缩放与否。
我已经尝试了所有的these things并获得 98 了 100 Page Speed。
您可以相信，如果您查看此page的页面速度。希望您也能更好地解决它。
关于html - 修复Google PageSpeed的 "Serve scaled images"以获得响应式布局，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15133562/