我有我的AMP网站,我们有兴趣应用AMP服务器端呈现。
使用工具runkit,我们使用转换示例转换我们网站上的一些链接,以衡量转换后的放大器的改进。我分享了两个链接来可视化这些转换。
- https://www.elimparcial.com/.tests/amp-toolbox-optimizer/test-nota-optimizer.html
- https://www.elimparcial.com/.tests/amp-toolbox-optimizer/test-nota-optimizer-two.html
查询:
1-在优化HTML时,图像都没有可视化,它们可以帮助我们确定原因吗?
2-无论如何,优化放大器的结果不是文档中讨论的50%,将两个链接中的任何一个与其原始放大器进行比较,我们没有确定 web.dev 或快速html加载的性能改进,我们如何衡量这些改进?
您是否知道任何实时案例,可以看到通过优化放大器来改善的影响?
您能否发布页面的原始版本。否则,无法重现您的结果。
关于您的问题:
-
由于转换不完整(
style="display:block;padding-top:XXXX;"
缺少<i-amphtml-sizer>
元素,因此不显示图像。如果您提供原始文件,我可以尝试重现导致此问题的原因。 -
FCP 的 50% 改进是由于删除了 AMP 样板。如果您查看转换后的文件的源代码,您会注意到样板仍然存在。无法删除样板有不同的原因。找出答案的最佳方法是将
{ verbose: true }
选项传递给 AMP 优化器。
感谢您的及时回复。
测试页的原始版本如下 https://www.elimparcial.com/amp/sonora/sonora/Sonora-tiene-deficit-de-3-mil-434-efectivos-estatales-y-municipales-AMLO-20190813-0047.html
我将使用详细的活动代码进行测试。
我们还发现转换在源中使用的设计图标存在一些问题。