如何解决Firefox和Safari中的性能入口类型FP和FCP问题？

【问题标题】：How to solve performance entry type FP and FCP problem in Firefox and Safari?如何解决Firefox和Safari中的性能入口类型FP和FCP问题？
【发布时间】：2019-12-04 12:17:51
【问题描述】：

似乎 Firefox 和 Safari 在支持甚至不支持性能条目类型“first-paint”和“first-contentful-paint”方面存在问题。 处理这些指标的替代方法是什么？

火狐浏览器出错

Safari 错误：

【问题讨论】：

标签： firefox safari web-performance performance-measuring

【解决方案1】：

现在我们使用 performance.mark 在 HTML 的开头添加一个标记，在 body 标签的最后一行添加一个标记。然后我们用 performance.measure 测量这两个标记之间的持续时间。也许有更好的方法来处理它。

 <html>
   <head>
    <script>
        performance.mark('started');


<script>
    performance.mark('first-contentful-paint');
</script>
</body>

【讨论】：