将WordPress配置为使用响应式图像呈现

时间:2021-01-25 作者:Webman

我们有一个网站,有定制的网页模板。每个页面模板都完全响应移动视图。

我们通过谷歌的PageSpeed Insights工具运行我们的网站。我们看到的最大问题是图像的大小,尤其是在主页上。每个图像约为300-400 KB。我们的印象是,这个文件大小是可以接受的,但可能不是。

我们使用的一家咨询公司建议我们将WP配置为对WP内容图像使用响应式图像渲染。

我很困惑,因为我们的页面模板是完全响应的,任何图像都会继承页面上的响应元素。有人能帮我理解需要做些什么来配置WordPress,以便对wp内容图像使用响应式图像渲染吗?

1 个回复
SO网友:Uwe

适合大桌面屏幕的高分辨率图像位于移动屏幕上方。移动设备必须下载大图像,然后将其缩小以适应较小的屏幕。通过响应图像,服务器提供多种尺寸的图像,客户端浏览器选择尺寸最接近的图像。请参阅WordPress API手册中的概述:Responsive Images.

相关推荐

如何从unctions.php中正确调整注释字段

使用最新版本的WordPress,我正在处理我的孩子主题。我在特定页面上启用了注释。我可以看到OOTB我启用了作者、电子邮件、网站和评论输入区域。从我的功能。php位置。我只想隐藏我的网站字段,并更改评论字段的标签,从;“注释”;“到”;留下评论;。我尝试了以下方法,但它隐藏了除“文本区域”框之外的所有内容;留下评论。How can I also bring Author, Email, and Cookie input fields back?function _ac_comment_fields_cu