Wordpress - 页面洞察力 - 优化移动图像

时间:2015-04-08 08:52:37

标签: wordpress image pagespeed

我在谷歌网页洞察中收到了“压缩和调整大小...”通知。 我很清楚在photoshop中压缩, 事情是移动图像似乎需要比桌面上的压缩更多。 1.有没有办法为手机显示不同的图像?还是有另一种解决方法吗? 我试过刷它插件,似乎不起作用

1 个答案:

答案 0 :(得分:1)

有一个名为ricg-responsive-images的新插件(它有Responsive Images Group的支持 - 他们一直致力于将响应式图像支持到浏览器中。)

每当您在帖子中插入图片时,它会自动添加srcset属性,具体取决于您已有的图片缩略图的尺寸(您可以在设置>媒体中自定义它们。)

Srcset意味着浏览器会根据屏幕的高度,宽度或像素分辨率选择正确的图像,(希望)下载最小的合适文件而不需要任何javascript。

该插件还有commands来为媒体库中的任何图像生成srcset(或整个图像标记),您可以在主题中使用它。

有趣的是,我发现即使您手动压缩图像,您通常仍会收到来自Google和类似网站的警告,它可以进行更多压缩。用你的判断来确定何时可以忽略这一点。