首先،我们可以优化网站,减少下轑所有资源所需的时间这样可以减少瀑布的宽度。 瀑布越细,网站速度就越快.
其次،我们可以减少浏览器加载页面所需的请求数量。
最后,我们可以优化资源请求的顺序来改善渲染时间.这会将绿色的"开始渲染"线移到左侧。这条线越靠左越好.
现在让我们更详细地探讨每一个问题.
我们可以通过减少下载每个资源所需的时间来减少瀑布的宽度。我们知道瀑布的每一行都使用颜色来表示获取资源的不同阶段。 您到不同颜色的频率揭示了您可以进行的不同优化以提高整体速度.
橘子是不是太多了？橙色代表与您站点建立的初始 TCP 连接。只有对给定主机名的前 2-6 个请求才需要创建 TCP 连接，之后将重用现有连接。如果您在图表上看到很多橙色，则表示您的网站没有使用持久连接。下面您 冰岛 电话号码数据库 可以看到未使用持久连接的站点的瀑布图，并注意每个请求队列开头的橙色部分。连接 - 不良一旦启用持久连接，每个请求的队列宽度将减半，因为浏览器不需要在每次请求时创建新的连接。
是否有较长的紫色部分？紫色表示 SSL/TLS 协商所花费的时间。如果您在同一个站点上反复看到大量紫色，则意味着您尚未针对 TLS 进行优化。在下面的图表片段中，我们看到 2 个 HTTPS 请求。一台服务器经过适当优化，而另一台服务器的 TLS 配置很糟糕：MS 很蠢。要提高 TLS 性能，请参阅我们之前的 Moz 文章。
有较长的蓝色部分吗？蓝色表示下载响应所花费的时间。如果某一行有大量蓝色部分，则可能意味着答案（资源）非常大。加快网站速度的最佳方法之一是减少发送到客户端的数据量。如果您看到很多蓝色，请问自己“为什么该资源如此之大？”你可能您可以通过HTTP 压缩、最小化或图像优化来减小其大小。 例如，在下图中，我们在到一个 PNG图像需要很长时间才能下载。 我们可以通过较长的蓝色部分来判断。进一步研究发现,该图像大小约为1.1 MB！原来设计师忘记将其从 فوٹوشاپ正确导出。 使用图像优化技术减少了这个队列并使整体页面加轿更快.长时间下载