AMP-YouTube - Lazyloading占位符图像

Question

在使用amp-youtube组件时，我注意到它使用视频的静态封面图像作为占位符，直到用户滚动到视频，在这一点上视频本身被加载！

这太棒了！然而，当在PageSpeed insights中测试我的页面时，我会因为“延迟屏幕外图像”而受到惩罚，因为所使用的占位符图像本身并不是延迟加载的。

页面上的所有其他amp-img都会延迟加载，所以我希望有一种方法也可以为YouTube代码启用它？

这是一个包含YouTube视频的页面示例：https://nationalguitaracademy.com/acoustic-guitar-tabs/amp/

页面的PageSpeed结果：https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fnationalguitaracademy.com%2Facoustic-guitar-tabs%2Famp%2F

TLDR:视频本身会延迟加载，但在视频加载之前使用的静态图像不会延迟加载。

Answer 1

尝试添加自定义占位符，如下所示：

<amp-youtube
 // attributes here 
>
  <amp-img
    src="// placeholder image "
    placeholder
    layout="fill"
  />
</amp-youtube>

如果这不工作，真的没有办法修复灯塔或速度洞察错误时，涉及到AMP，因为你不能编辑源代码。您唯一的希望是在AMP GitHub项目中提交一份错误报告。