我是 PageSpeed 的新手，并试图掌握它希望我优化的各个方面。是否有我可以遵循的指导方针，例如可以删除、推迟哪些代码等？我绝不是开发人员。
我的分数随着我推迟的每个 .js 文件而波动。有时它会变得更好，有时它会变得更糟。这对我来说没有意义，而且相当令人沮丧。
我预计 PageSpeed 分数会提高，但它会波动，有时会随着我推迟的每个 .js 文件而变得更糟。
问问题
312 次
1 回答
1
虽然 PageSpeed 显示了一些有趣的静态数据，例如第一次内容绘制、交互时间等。如果不查看页面加载过程的时间线，很难弄清楚幕后发生了什么。下面的屏幕截图显示了您的页面如何在 google chrome 中加载。您可以按照本指南自行查看：https ://developers.google.com/web/tools/chrome-devtools/network/
主要的阻碍之一是您的服务器响应时间，服务器至少需要 2 秒来处理对网站的请求，这相当高，让我相信您可能在 hostmonster 上采用了具有成本效益的计划。相比之下，StackOverflow.com 的响应时间为 300 毫秒。对您的虚拟主机进行基准测试的一种简单方法是在全新的 wordpress 安装上运行此测试。它会告诉您是否是您的低效 wordpress 设置导致了延迟，或者主机在服务 php 方面是否天生就很慢。我有一种感觉，您的 php 代码中存在明显的膨胀导致这种情况。
接下来你有一个需要 880 毫秒的 css 文件，压缩后的大小为 200 kb，但未压缩的大小为 1.9 Mb（在覆盖选项卡中显示为 1 860 013 字节），这非常大，即使在最大的网站上也不应超过 1 Mb。98.6% 的 CSS 文件未被使用。使用通用框架时，有超过 90% 未使用的 CSS 并不少见，但通用框架永远不会有接近 2MB 的 css 文件。大多数网站上的 css 包小于 500kb。这不仅会增加下载时间，还会增加浏览器解析该文件和呈现页面所需的时间。
还有一个大小为 423KB 的标题图像，下载时间为 1.3 秒。通常，该分辨率的图像可以压缩到小于 100kB。
瀑布上的红线表示页面何时被认为已完全加载。超大的标题增加了很多。而由于服务器响应时间的原因，整个加载过程被推迟了2.2s。您会看到脚本加载时间与这两者的效果相比是微不足道的。这可能是您在将标签更改为延迟时观察到加载时间无差异的原因。
总而言之，看看为什么服务器需要 2+s 来响应，清理你的 CSS。目标是一半大小。压缩您的标题图像。目标是 100kb 左右。修复这些问题后，您可以考虑推迟脚本以实现最佳加载时间。
于 2019-06-05T20:10:34.143 回答