我在 wordpress 中有一个电子商务网站。它的 Gtmetrix 得分为 B（89%），显示“完全加载时间”为 6.2 秒，但网站加载时间几乎为 20 秒。屏幕截图在这里https://prnt.sc/mu11kw这是 watarfall https://prnt.sc/mu13id 超过 95% 的时间加载页面是“等待”时间，如此屏幕截图所示。https://prnt.sc/mu0zgd

另一方面，竞争对手公司网站的得分为 D(60%) 这是 SS https://prnt.sc/mu1gsz但“等待时间”几乎没有。

所以我使用 wp 最快的缓存插件并优化了所有照片。我不认为问题出在我的服务器上，因为我在其他 html 网站上没有遇到这样的问题。我不明白为什么这个网站等待时间太长？

我正在尝试使用 nodejs 的 gtmetriks api。我有一个 index.js 文件来处理传入的请求，然后我有一个 gtmetriks.js 文件来向 api 发出请求。

问题是我不知道如何配置它以仅在 gtmetriks.js 完成请求并获取数据后才能获取 index.js 中的数据。

index.js：

gtmetriks.js：

浏览器中的结果是 {}。我假设这是“结果”的值，因为这是它在初始化时得到的值。

我应该做些什么？

我是 API 使用的新手。我已经通过 javascript 代码正确地使用了 Google Page Insights V.5 API，但我终生无法成功地为 GTMetrix 这样做。似乎与 GTMetrix API 和 Javascript 相关的唯一信息是 RapidApi 网站的链接。我只是希望从 GTMetrix 中实现与从 Google 中相同的简单数据检索。这可能吗？

当我将请求设置为：

因为当我将我的 Google Page Insights Request URL 设置为以下内容时，它可以工作。

以下代码适用于 Google Page Insights，我什至可以在浏览器窗口中使用以下 URL 检索 JSON 数据：

我真的需要为我详细说明它，因为任何更少的东西都会导致我提出后续问题并使我们陷入困境。：/

作为一个新手，JSFiddle 一直是我学习过程中测试、尝试、打破和构建的救命资源。如果要求不高的话，小提琴会帮助我让我的大脑处理事情。

我想在谷歌洞察/GT Metrix 中提高我的网站速度，我正在使用“WP-Rocket”等最佳插件进行优化，并且已经做了所有可能的缩小操作。我的问题是，当我检查我的性能时，它要求缩小外部 JavaScript 文件，例如谷歌 API、谷歌分析、Facebook API 等。

我如何实现或缩小它并提高我的页面速度

我已经尝试了所有可能的优化和缩小 javascript 和 css 文件。

但它要求缩小外部链接

为了生成网站图标，我在这个网站上完成了这个过程：

https://realfavicongenerator.net/

在我的 WordPress 网站上，我在 functions.php 中创建了以下代码段：

我对所有网站图标都已加载感到惊讶。我期待某种回退。它们甚至不是同时加载的，而是一个接一个地加载，尽管它们的体积很小，但需要 1 秒钟。我可以更改我的代码以仅加载“正确的”图标或以其他方式提高性能吗？

我正在尝试优化包含传单地图的网页的速度。根据 GTMetrix 和 Google PageSpeed Insight，我应该：

1. 优化以下图像以减小它们的大小 [从' https://services.arcgisonline.com/ArcGIS/rest/services/ ...' 提供的几个图像]，以下一代格式提供它们
2. 延迟解析 JavaScript https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.4.0/leaflet.js
3. 内联提供“leaflet.js”和“leaflet.css”

如果有任何类似的优化 Leaflet 地图的经验，我将不胜感激。是否值得为 Leaflet 内联提供 JS 和 CSS？我可以修改代码以其他更轻的格式调用“arcgisonline.com”图像吗？

我的简单网页的代码

非常感谢。

我正在尝试优化特定网站的感知质量。

使用Google PageSpeed Insights，我的网站主页的（低）分数为 27。使用GTmetrix，同一页面的 PageSpeed 分数非常不错，为 88。

据我了解，这两个指标是相同的。他们不应该是吗？如果不是，那么 GTmetrix 版本的 PageSpeed 的来源是什么？

自动优化插件不会在一个 URL 中组合所有内部 javascript。它正在合并所有其他文件而不是 2 个 JS 文件。如何手动将 1 和 2 个 js 文件（如 Gtmetrix 屏幕截图所示）合并为自动优化随机 URL？

我正在开发一个网站，它几乎是托管的。由于页面加载速度低，我已经通过gtmetrix.com测试了我的网站页面速度性能。因此，它的报告产生了两个问题作为页面速度低的原因。

影响页面加载速度的问题

• 使用 CSS 精灵组合图像

  以下来自 abc.com 的图像应使用 CSS sprite 组合成尽可能少的图像。

  使用 CSS sprite 将图像组合成尽可能少的文件可以减少往返次数和下载其他资源的延迟，减少请求开销，并且可以减少网页下载的总字节数。

• 指定图像尺寸

  以下图像缺少宽度和/或高度属性。

  为所有图像指定宽度和高度可以通过消除不必要的回流和重绘来加快渲染速度。

  ...abc.com/banner.jpg（尺寸：512 x 33）

这是瀑布

我对 CSS 精灵没问题

系统规格

• 拉拉维尔 5.5
• 引导程序 3.3.7

为了响应图像，我添加了引导类

<img src="../abc.com/banner.jpg" class="img-responsive" alt="Responsive image" id="banner">.

所以我通过使用向图像添加了自定义 CSSid="banner"

我的问题是当我添加自定义 css 网站时，它失去了响应能力。

所以有人可以帮忙吗？我想指定图像的尺寸，而且它应该是响应式的。因为这会影响我的网站速度。

我正在使用 GTmetrix 来检查我的网站性能，并按照 GTMetrix 的建议进行了很多更改。

现在我被困在某个地方，附上截图供参考。

我不明白为什么 GTMetrix 的瀑布是无序的（为什么不是所有的电话都在排队）。此外，还有很多 URL 被调用，而这些 URL 在代码库中不存在，比如tr.snapchat.com等等。有人可以指出我怎样才能避免这些调用或优化更多或调试它吗？