随着 Google 现在使用 HTTPS 作为搜索排名因素，SSL/TLS 通信越来越普遍。 第一个字节的时间 (TTFB) [绿色] – TTFB 是请求到达服务器、服务器处理该请求以及将响所需的时间。我们将使用这些测量结果来确定您的 Web 服务器是否功能不足或者您是否需要使用 CDN。
下载（蓝色）——这是浏览器下
载响应所花费的时间。这个阶段越长，资源就越大。理想情况下，您可以通过优化内容的大小来控制此阶段的长度。 您还会在瀑布图上看到其他一些线。有一条绿色垂直线显示何 whatsapp 号码数据 时发生“开始渲染”。正如我们在上一篇文章中所讨论的，在开始渲染发生之前，用户会看到一个空白的屏幕。
较长的启动渲染时间会让
用户感觉您的网站速度缓慢且反应迟钝。瀑布有一些额外的数据点，例如“内容下载”，但这些是更高级的主题，超出了本文的范围。 使用瀑布图优化性能 那么我们如何让网页加载速度更快并创造更好的用户体验呢？瀑布图为我们提供了 3 个很好的视觉辅助工具来帮助我们实现这一目标： 首先，我们可以优化我们的网站以减少下载所有资源所需的时间。
这减少了瀑布的宽度
瀑布越细，您的网站速度就越快。 其次，我们可以减少浏览器加载页面所需的请求数量。这降低了瀑布的高度。瀑布越小越好。 最后，我们可以优化资源请求的顺序以缩短渲染时间。这会将绿色起始渲染线移至左侧。线留得越远越好。 现在让我们更详细地考虑每一个。
减少瀑布的宽度 我们可以
通过减少下载每个资源所需的时间来减少 以英语为母语的人是否更适合客户服务？ 瀑布的宽度。我们知道，瀑布的每一行都用一种颜色来代表获取资源的不同阶段。您看到不同颜色的次数表明您可以进行不同的调整以提高整体速度。 橘子太多了吗？橙色表示与您的站点建立的初始 TCP 连接。
只有对给定主机名的前
个请求才需要建立 TCP 连接，之后将重用现有连接。如果 美国数据库 您在图表上看到很多橙色，则意味着您的站点未使用持久连接。下面您可以看到未使用持久连接的站点的瀑布图，并注意每个请求队列开头的橙色部分连接 – 错误一旦启用持久连接，每个请求队列的宽度将减半，因为浏览器不需要为每个请求建立新连接。
。图像优化技术的使用减少了这个队列，并使整体页面加载速度更快。 有很多绿色吗？绿色的可能性有很多。 GreenBrowser 正在等待接收内容。很多时候你会看到一个队列，浏览器等待了 80 或 90 毫秒，只花了 1 毫秒下载资源！减少绿色部分的最佳方法是将静态内容（例如图像）移动到距离客户更近的内容交付网络 (CDN)。