Google Pagespeed“第三方使用”问题答案

【问题标题】：Google Pagespeed "Third-Party Usage" issueGoogle Pagespeed“第三方使用”问题
【发布时间】：2024-05-22 23:35:02
【问题描述】：

我已经以各种可能的方式优化了我的网站，但是当我在 google pagespeed 工具中测试性能时，它显示“找到第三方使用 4 个第三方”

我曾使用 defer / async 加载外部脚本并使用 preconnect，但此错误仍在显示。

我该怎么办？？？

以下是性能检查的完整详细信息：

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fzubizi.com%2Fgst-billing-software-for-retail-shop.html&tab=mobile

【问题讨论】：

“限制冗余第三方提供商的数量”。在您的情况下，这些依赖项中的任何一个都是多余的吗？如果没有，那么你无能为力。
@SergiuParaschiv 这只是谷歌分析和 AdWords 配置

标签： javascript html pagespeed google-pagespeed pagespeed-insights

【解决方案1】：

为了清楚起见，这不是一条错误消息 - “诊断”部分下的任何信息都是为了帮助您诊断任何突出的性能问题。

它不会直接影响你的分数。

避免这种情况的唯一方法是将这 4 个项目捆绑到一个文件中，并将它们作为脚本包含在您自己的服务器上。

我使用 Google Analytics 执行此操作（这样我可以避免 Mozilla Observatory 中的子资源完整性错误），方法是每晚下载文件并将其缓存到本地。

我一点也不担心，您的性能问题来自您的 concated.js 文件中的其他 460kb JS，因此如果您想提高性能，请先从那里删除尽可能多的库.

此外，您为最小化关键请求链而内联的 CSS 非常庞大，请尝试对其进行优化以仅包含“首屏”CSS，因为这就是所需要的。

【讨论】：

感谢您的回复 :) Bootstrap, jQuery 有什么方法可以提高性能吗？我使用gulp-purgecss 从CSS 中删除不需要的样式。它运作良好，但有些问题我无法解决！
我要开始的地方是让你的字体没有阻塞。然后，如果我想在页面速度上达到 100%，我会从头开始重写 JS（是的，我知道是极端的），而不是使用 jQuery 和 Bootstrap 等大型库。我使用了一个名为 ki.js 和 ki-extend.js 的库，而不是 jQuery，但是你必须使用它来解决问题，这不适合胆小的人。然而结果是值得的（见developers.google.com/speed/pagespeed/insights/…）
@GrahamRitchie - 感谢您分享此详细信息。但是从我的网站上删除 GTM 脚本将 Lighthouse/PSI 移动分数提高了 5 分。我会尝试您推荐的捆绑方法，但我们如何确保在我们的应用程序中加载最新的 Google 脚本。似乎需要一些额外的步骤来解决这个问题。
@VimalMaheedharan 为了做到这一点，您只需每天查询一次 GTM CDN，将脚本下载到您的服务器并更改您的脚本包含指向您的服务器而不是 CDN。他们是否过时也没关系。显然，您需要在您身边进行一些缓存破坏，以确保您昨晚下载的版本得到服务。但是，此技术用于组合外部脚本。如果某个特定脚本 (GTM) 拖慢了速度，您可能需要在所有关键内容加载后几秒钟后使用 setTimeout 延迟加载脚本。
@GrahamRitchie - 感谢您的意见！会试试看。