AMP-YouTube-延迟加载占位符图像

Question

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

太好了！但是，当在PageSpeed见解中测试我的页面时，由于“延迟离屏图像”而受到惩罚，因为所使用的占位符图像本身并未延迟加载。

页面上的所有其他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的Lighthouse或Speed Insights错误，因为您无法编辑源代码。您唯一的希望是在AMP GitHub项目中提交错误报告。