如何解决PageSpeed Insights,WebP和<picture>元素
我最近启动了一个新网站vanillagorillahosting.com。它在PSI上的得分为100/100,但PSI给了我建议使用下一代图像格式。我很乐意!我非常优化的横幅在jpg中约为200k,在webp中约为75k。但是,Safari不支持webp。它将开始通过新的Safari 14(2020年9月)支持webp,但似乎只有在新OS / iOS Big Sur上使用Safari 14时才是如此。由于Big Sur不支持我的iMac(并且我认为暂时采用率并不高),所以我不能依靠Safari的webp支持。
因此,我转向CSS和CSS图片元素。太好了,Safari的jpg横幅和其他所有人的webp横幅。太棒了,它有效!除了我的PSI分数突然下降,而且我的“累积布局偏移”上升了。
我真的很想使用webp图片,但是对于Safari用户来说,不会出现一个大白框。而且我不想损害我的PSI分数。有人对如何解决这个问题有建议吗?感谢您的帮助!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。