时间戳

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

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

问题描述

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

火狐浏览器中的错误

在此处输入图像描述

Safari 错误：

在此处输入图像描述

标签： firefoxsafariweb-performanceperformance-measuring

解决方案

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

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


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

推荐阅读