页面加载后如何导入第三方JS文件以获得良好的页面评分

问题描述

我在 Shopify 网站上使用 Zendesk、Hotjar 和 Klaviyo,但在 Pagespeed Insights 中获得了非常糟糕的页面评分。

使用这些第三方小部件:移动设备的速度得分为 15,桌面设备的速度得分为 60

没有这些第三方小部件:移动设备的速度得分为 55,桌面为 87

这是页面速度洞察的屏幕截图:

enter image description here

尝试了以下几点但没有成功:

  • 使用异步属性加载这些脚本
  • 使用 window.addEventListener('DOMContentLoaded' 加载这些脚本并尝试添加一些延迟

有什么方法可以在不影响页面速度的情况下加载这些脚本吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)