我的布局是响应式的,所以我需要将缩放的图像放入模板中,例如,当使用移动设备时,span3
可能Boostrap
会占据一整行,因此宽度会增加。
但在 Google PageSpeed 中,它被标记为问题。
是否有任何解决方法或更好的方法来处理这个问题?
我的布局是响应式的,所以我需要将缩放的图像放入模板中,例如,当使用移动设备时,span3
可能Boostrap
会占据一整行,因此宽度会增加。
但在 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 查找来切断您的资产,并针对小型设备进行缩减。
如果您使用其中一种方法,则不必担心图像是否缩放。我已经尝试了所有这些事情,并且在100页速度中获得了98个。
如果您查看此页面的页面速度,您可以相信。希望你也修复它。