对于只兴趣的网络开发人员

rmruhul

来说，他们没有预算花在像 Speedcurve 这样的工具上，他们显然可以在浏览器中运行像 Lighthouse 这样的工具，以获得一些好的测量结果……像 Google Analytics 这样的东西有用吗？对于那个级别？

哈利：它们确实有用，而且还可以变得更有用。多年来，分析已经捕获了基本的性能信息。这将是 DNS 时间、TCP 和 TLS、第一个字节的时间、页面下载时间（这是一个代理）……好吧，无论如何，只是页面下载时间和加载时间。所以相当笨重的指标。但这是一个很好的起点，通常我与客户启动的每个项目，如果他们没有 New Relic 或 Speedcurve 或其他什么，我只会说“好吧，让我看看你的分析”，因为我可以至少可以从那 电报号码数据 里代理情况。而且它永远不会像 Speedcurve 或 New Relic 或 Dynatrace 之类的东西那么好。您可以非常非常轻松地将自定义指标发送给分析人员。如果有人收听并希望能够发送……例如我的网站。我有一些指标，例如“您能多快阅读我的一篇文章的标题？“关于”页面图像是在什么时候呈现的？恳求您雇用我的号召性用语是在什么时候发出的？多久才会渲染到屏幕上？” 捕获这些数据非常简单，将其发送到分析也几乎同样简单。因此，如果有人想在我的网站上查看源代码，向下滚动到结束正文标签并找到分析片段，您将看到我捕获自定义数据并将其发送到分析是多么容易。而且，在分析 UI 中，您无需执行任何操作。通常，您必须设置自定义报告并挖掘数据并使其易于呈现。这些是 Google Analytics 中的一等公民。因此，当您开始捕获自定义分析时，仪表板中有一个专门用于它的部分。GA 本身没有任何设置，也没有繁重的工作，所以这真的很琐碎，如果客户有真正的预算，或者我想向他们展示自定义监控的力量，我不想说“哦，是的，我保证真的太好了，我可以只买 24 Grand 参加 Speedcurve 吗？” 我可以首先说：“看，这还很初级。让我们看看这里的可能性，现在我们也许可以说服您升级到 Speedcurve 之类的东西。”

德鲁：我经常发现，我对某些事情应该多快或者变化应该产生什么影响的直觉可能是错误的。我会做出改变，并认为我让事情变得更快，然后我衡量它，实际上我已经让事情变慢了。这只是我在网络性能方面的垃圾吗？

哈利：一点也不。我有一个非常相关的例子。预加载……对于那些没有听说过预加载的人来说，这是一个真正的快速介绍，在网络上加载某些资源本质上是非常慢的，这里的两个主要候选者是 CSS 和网络字体中的背景图像，因为在下载背景图像之前，你已经下载 HTML，然后下载 CSS，然后 CSS 说“哦，主页上的这个 div 需要这个背景图片。

” 所以它本质上是非常慢的，因为中间有整个 CSS 时间。通过预加载，您可以在 HTML 的 head 标签中添加一行内容，内容是“嘿，您还不知道，但是，相信我，您很快就会非常非常非常需要这张图片。” 因此，您可以在 HTML 中放置预加载，从而抢先启动此下载。当 CSS 需要背景图像时，就像“哦，太酷了，我们已经得到了它，太快了。” 这被吹捧为这个网络表演的弥赛亚……这就是事情，我向你保证，我上周发了这条推文，从那以后我已经两次被证明是对的。人们听说过预加载，以及它所带来的承诺，而且 Lighthouse 大力推动它，理论上，它可以使您的网站更快。人们对预加载的想法如此着迷，即使我可以证明它不起作用，他们也不会再删除它。因为“不，但灯塔说。



现这是理论合理的事情之一。如果您必须等待网络字体，而不是提前下载它，您会更快地看到内容。问题是，当您考虑网络的实际工作方式时，您第一次访问的任何页面，您访问的任何全新域，您的带宽都是有限的，并且浏览器非常聪明地正确使用该带宽。它会非常快速地浏览您的 HTML 并制作一个购物清单。最重要的是CSS，然后是这个jQuery，然后是这个......然后接下来的几件事是这些，这些，这些不太重要。一旦你开始使用预加载来加载 HTML，你就告诉浏览器“不，不，不，这不再是你的购物清单了，伙计，这是我的。

你需要去拿这些。” 有限的带宽仍然是有限的，但它并没有花在更多的资产上，所以一切都会稍微变慢。在过去的一周里，我不得不对此发出两次嘘声，但人们仍然会说“是的，但不，这是因为它下载得更快。” 不，它会被更快地请求，但它会从您的 CSS 中窃取带宽。您可以从字面上看到您的网络字体正在从 CSS 中窃取带宽。

所以这是你必须、必须、必须遵循数字的事情之一。我之前在一个大型客户上做过这个。如果你正在听这个，你就听说过这个客户，我非常坚持说“不，不，你的头标签顺序错误，因为这就是它应该的样子，你需要把它们放在这个订单，因为从理论上讲，它暗示了......”即使在我对客户的态度中，我也知道我正在把自己设置为一个傻瓜。由于浏览器的工作方式，它必须更快。所以我正在采取策略，这种改变……对数百万人来说，而且速度变慢了。速度变慢了。而我坐在那里，愤怒地坚持“不，但是，浏览器是这样工作的”是没有用的，因为它不起作用。我们恢复了它，我就像“对不起！还是要给你开具发票的！” 所以根本不是你。