【问题标题】:PageSpeed score not improving despite loading the third party scripts with the load event尽管使用加载事件加载了第三方脚本,但 PageSpeed 得分没有提高
【发布时间】:2021-08-05 15:43:48
【问题描述】:

我想在不影响 PageSpeed 分数的情况下将第三方 iframe 集成到我的网站中。最初,它们是通过对服务器的初始调用来调用的。我将它们移动到加载 js 中的加载事件。但是 PageSpeed 分数仍然没有提高。我也尝试了异步和延迟,但似乎没有任何效果。该网站是在 WordPress 中创建的。

我通过 Google 进行了扫描,但大多数想法似乎都围绕着在加载完所有内容后使用 load 事件加载它。我已经试过了。我还能做些什么来减少 iframe 的负载?它们是两个小部件,都使用 Google Tag Manager 跟踪。因此,总共加载了 3 个 Google Analytics 脚本。这会使服务器响应时间增加数倍。

网站网址是https://iifd.in

如果您通过 PageSpeed Insights 运行,尽管我稍后使用 js 中的 load 事件加载了繁重的脚本,但移动端的得分会受到严重影响。

感谢任何帮助,谢谢!

【问题讨论】:

    标签: javascript pagespeed google-pagespeed google-pagespeed-insights-api


    【解决方案1】:

    我使用谷歌页面速度洞察检查了您的网站,可以轻松修复一些错误。

    具体

    1.不使用被动侦听器来提高滚动性能。

    2.图像元素没有明确的宽度和高度。

    【讨论】:

    • 是的,我现在也在进行代码拆分。我关心的是谷歌标签管理阻止响应时间。它是从 iframe 加载的。有什么解决办法吗?
    • 您是否使用任何脚本来加载谷歌标签管理器?如果您尝试对 javascript 使用异步。它可以帮助你。我建议您在使用它之前阅读更多内容。
    • Google 跟踪代码管理器脚本是通过第三方在 iframe 中加载的,这使得它们无法优化。我在 DOMContentLoaded 事件之后加载 iframe。无法在“加载”事件中加载它们,因为 iframe 在标题中加载表单并且需要提前加载。原来TTFB是罪魁祸首。服务器响应时间过长。我已向网站所有者推荐升级。
    猜你喜欢
    • 2021-08-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-28
    • 1970-01-01
    • 2018-11-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多