恭喜你通过了速度周。上周，Cloudflare介绍了我们的全球网络如何加快互联网的速度，推出了一个HTTP/2优先级模型，该模型将改善所有浏览器上的web体验，推出了一项图像大小调整服务，该服务将为每个设备提供最佳图像，优化的实时视频传输，详细介绍了如何流式处理渐进式图像，使其渲染速度提高一倍-使用我们新的HTTP/2优先级模型的灵活性，最后，为JavaScript设计了一种新的无线格式，可以提高应用程序启动性能，尤其是在移动设备上。作为奖励，我们还推出了一个新功能："TCP-Turbo"自动选择TCP设置来进一步加速网站.As作为一家公司，我们希望帮助我们的每一位客户改善网络体验。Cloudflare的增长以及特性的增加，常常使简单的问题变得难以回答回答：多快是我的网站吗？我应该如何考虑性能特性？如果我启用一个特定的功能，这个网站会快多少？这篇文章将描述我们对Cloudflare仪表板上的Speed页面所做的令人兴奋的更改，以使我们的客户更清楚地了解他们的网站的性能以及如何使他们更快。新的速度页面包括：在启用缓存的情况下，对加载到Cloudflare上的网站进行可视化比较，与直接连接到起源地如果启用了任何性能功能，则预期会有一定的改善。一份报告，描述您的网站在桌面上的速度和移动。我们想要简化快速创建web体验的复杂性，并让我们的客户控制。看看-希望你喜欢它。为什么快速的网络体验很重要吗？顾客体验：没有人喜欢慢服务。想象一下，如果你去了一家餐馆，服务很慢，尤其是当你到达的时候，你不太可能回去或向你的朋友推荐。事实证明，网络是以同样的方式工作的，互联网用户的要求更高。高达79%的对网站性能"不满意"的客户不太可能从该网站购买产品再一次。订婚收入：有很多研究解释了速度如何影响客户参与度、退货率和收入。声誉：当客户将在线体验与品牌联系在一起时，还需要考虑品牌声誉。一项研究发现，66%的样本网站表现会影响他们对公司。多元化：在过去的几年里，移动通信量已经超过了台式机。移动客户的期望值越来越高，他们希望能够在任何位置实现无缝互联网接入。移动设备提供了一系列新的挑战，其中包括设备规格的多样性。测试时，请注意，一般的移动设备的功能明显低于顶级型号。例如，不同移动设备运行JavaScript的时间可能存在数量级的差异。另一个挑战是移动性能的差异，因为客户从一个强大的、高质量的办公网络转移到不同速度（3G/5G）的移动网络，并且在相同的浏览质量下会议。新的速度页面有令人信服的证据表明，更快的网络体验对任何在线用户都很重要。大多数主要的研究都涉及最大的科技公司，他们有一个团队致力于测量和改善他们自己服务的网络体验。在Cloudflare，我们的使命是帮助每个人——而不仅仅是少数人——建立一个更好、更快的互联网。提供快速的网络体验不是一件简单的事情。就是这么多清除。到知道要发送什么以及何时发送需要深入了解堆栈的每一层，从TCP优化、协议级优先级、内容交付格式到复杂的浏览器呈现机制。你还需要一个全球网络，力争在10毫秒内，每个互联网用户。这样一个网络的内在价值，应该是大家都清楚的。Cloudflare有这个网络，但它也提供了许多额外的性能功能。与速度页面的重新设计，我们强调了使用Cloudflare的性能优势以及我们的特色。The衡量网站性能的事实标准一直是webgetest。Cloudflare的内部创建者鼓励我们将其作为网站性能度量的基础。那么，了解网页如何加载的最简单方法是什么？统计数据列表并不能全面反映用户的实际体验。WebPageTest的一个很酷的特性是它可以生成网页加载过程中拍摄的屏幕快照的胶片，使我们能够直观地量化页面的加载方式。此视图使确定页面空白的时间以及呈现最重要内容所需的时间变得非常容易。能够以这种方式看待结果，提供了对用户。如何快上Cloudflare？在将您的网站迁移到Cloudflare之后，您可能会问：这个决定使我的网站发展得有多快？现在我们提供答：比较使用Cloudflare的网站性能。除了速度的提高外，我们还提供了前后的电影胶片，这样就很容易比较和理解用户对网站的体验会有多大不同。如果我们的测试无法到达您的原点，并且您已经在Cloudflare上设置了，我们将在启用开发模式的情况下进行测试，该模式将禁用缓存和缩小场地性能统计如何衡量一个网站的用户体验？传统上，页面负载是重要的度量标准。页面加载是浏览器供应商使用的一种技术度量，与页面的显示或可用性无关。该指标报告了加载重要内容以及所有第三方内容（社交网络小工具、广告、跟踪脚本等）所需的时间。一个用户很可能在页面内容加载完毕之前看不到任何内容，或者当内容继续加载时，他们可以立即与页面进行交互，用户无法通过单个度量或瞬间来判断页面是否快速。用户将从以下两个方面感知网站的速度因素：当他们看到任何回应当他们看到他们期望的内容，当他们可以与网页互动时，当他们可以执行他们想要的任务经验表明，如果你专注于一个措施，这可能会损害其他。重要性如果一个不耐烦的用户导航到你的网站，几秒钟内没有看到任何内容或没有任何有价值的内容，他们很可能会感到沮丧，然后离开。当内容出现在页面上时，绘制计时规范定义了一组绘制度量，以测量用户对性能的感知程度中的关键时刻。First Contentful Paint（FCP）是浏览器首次呈现任何DOM内容的时间。第一个有意义的绘制（FMP）是页面的"主要"内容出现在屏幕上的时间点。这个度量应该与用户访问站点所看到的内容相关，并将其设计为发生最大可见布局更改的时间点。速度指数试图量化的价值，而不是使用单一的油漆时间。速度指数测量内容显示的速率-基本上是曲线上方的区域。在下面的图表中，从我们的渐进式图像功能，你可以看到达到80%发生在并行化（红色）负载，而不是常规（蓝色）负载。交互性的重要性同样不耐烦的用户现在很高兴看到他们想要看到的内容。如果他们无法与网站互动，他们仍然会感到沮丧。交互式时间是指呈现内容和页面准备接收用户输入所需的时间。从技术上讲，这被定义为浏览器的主处理线程在第一次有意义之后已经空闲了几秒钟油漆。那个"速度"选项卡显示移动和桌面。怎么在Cloudflare上更快？Cloudflare仪表板提供了一系列性能特性，不可否认，这些特性既令人困惑又令人畏惧。开启火箭装载机的好处是什么？它对哪些性能指标影响最大？如果升级到Pro，增强的HTTP/2优先级有什么价值？优化部分回答了这些问题。测试在每个性能功能打开和关闭的情况下运行。将显示相应性能度量的测试值以及改进。您可以从此视图启用或升级该功能。这里有几个例子：如果这个网站启用了Rocket Loader，渲染阻塞JavaScript将被延迟，导致第一次绘制时间从1.25秒下降到0.81秒-比上一次提高了32%桌面。图像重站点在慢速移动连接上表现不佳。如果你启用幻影，你的3G连接用户将更快地看到有意义的内容1，提高了29.4%，那么我们的新功能呢？我们在桌面上的边缘浏览器上测试了增强的HTTP/2优先级功能，发现有意义的内容显示速度加快了2倍，提高了64%，这是一个更有趣的结果，来自于用于演示渐进式图像流的博客示例。乍一看，速度指数提高29%是好的。电影片的比较显示出更显著的差异。在这种情况下，1.5s后，没有显示图像的页面在两种场景下的视觉效果都已经达到了43%，而在2.5s时，两者的差异是77%，而不是50%。这是一个很好的例子，说明了度量并不能说明全部情况。它们不能完全取代查看页面加载流程和了解对网站。怎么办尝试这是我们的新速度页的第一次迭代，我们渴望得到您的反馈。我们将向感兴趣的beta版客户推出此功能