使用 Facebook Pixel 时提高页面速度

Question

我正在创建一个通用的 facebook 集成解决方案，它使用 facebook 像素，但是我的情况是，如果使用 facebook 像素，它会立即降低页面速度，这也是我的要求。

我正在使用 PageSpeed Insghts 来测量我的页面速度，并通过添加 facebook 像素，我的最大内容绘画受到了打击，我有机会将 facebook 像素负载显示为问题：

我找到的唯一解决方案是在像素脚本周围添加一个setTimeout(fb, 3000)，这样它只会在页面完全呈现后才被加载，但是我担心这个解决方案，因为这将在很大程度上推迟 facebook 的加载并且它可能给我的一些用户带来了一些问题。

任何人都知道使用 facebook 像素解决此页面速度问题的其他方法吗？

Answer 1

感谢您提供澄清。

您最好的选择是在您的脚本嵌入中使用defer，而不是任意超时，这意味着您的关键渲染路径和交互性不受影响。 LCP 特别应该改进，因为您的应用程序渲染不受像素影响。

通过 MDN：

此布尔属性设置为向浏览器指示脚本应在文档被解析之后但在触发 DOMContentLoaded 之前执行。

注意：如果您没有观察特定的交互问题，而只是专注于解决 LCP 编号，则延迟可能会满足需要。