为什么应关注小程序页面速度

  人们使用APP小程序设备购物的机会比以往任何时候都要多。但是，普通的APP小程序零售网站没有达到预期的目标-领先的品牌失去了客户和销售量。为了找出导致APP小程序网站性能不佳的因素，与领先的分析公司SOASTA合作。

  毫无疑问：购物者期望品牌提供快速，无摩擦的APP小程序体验。随着越来越多的购物者在关键时刻依赖APP小程序设备，这些期望也在不断提高。不幸的是，现实是许多APP小程序网站都不够用。

  请考虑以下因素：APP小程序网站 在关键参与度指标(例如平均网站停留时间，每次访问页面和跳出率)方面落后于台式机网站。对于零售商来说，这可能会特别昂贵，因为现在所有在线购物购买中的30%发生在手机上。 2016年7月，美国零售APP小程序网站的平均 加载时间为6.9秒，但根据最新数据，有40%的消费者离开该页面的 时间超过 3秒。对网站性能不满意的购物者中有79% 表示他们不太可能 再次从同一网站上购物。

  对于营销人员而言，好消息是：您不必成为开发人员即可帮助提高品牌的APP小程序网站速度。通过了解有关您的广告系列或内容如何影响网站性能的更多信息，您可以与品牌的网站所有者合作，提前解决任何问题-确保您的努力发挥最大的潜力。

  一种了解网站效果的新方法

  我们知道，APP小程序网站的速度可以赢得或失去购物者。为了进一步了解APP小程序网站性能的细微差别，我们与领先的性能和分析公司SOASTA合作 。我们不是依靠传统的研究方法，而是使用机器学习-一种使用算法来识别大型数据集内相关性，然后对新数据集进行预测的方法。

  我们建立了两种机器学习模型：一种用于预测转化，另一种用于预测跳出率。每个模型都使用来自大量APP小程序电子商务站点样本的真实数据，从而将93种不同页面指标(从图像格式到脚本数量)的影响相关联。简而言之，这两种模型都在寻找哪些APP小程序网站因素会导致购物者购买或反弹。转换模型的预测准确度为93%，而跳出模型的准确度甚至更高，为96%。

  这是这两个模型中最重要的发现-以及您和您的开发团队如何使用自己的模型来了解有关自己站点性能的更多信息。

  更复杂的页面可能会损害转化率

  我们在这里发现的内容似乎相对简单：购物者不太可能在笨拙，复杂的网站页面上进行转化。但是，通过查看影响转换的首页属性，让我们真正地了解“复杂”的含义：页面上的元素数量和图像数量。

  1.页面元素的数量。 页面上的元素越多，页面的权重和复杂性就越大。今天，一个典型的网页 重 2486KB，其中包含数百个托管在数十台不同服务器上的资产。这些资产中有许多是未优化，无法衡量和监控的，因此是不可预测的。这会使页面加载不稳定。

  我们发现页面上的元素数量是转化的最大预测指标。当我们查看整个会话时，包含更多图像和其他元素的页面导致的转换次数减少。罪魁祸首可能是所有这些页面元素的累积性能影响。

  要点： 作为网站所有者，您可以通过设置页面的性能预算来解决此问题。例如，这意味着您可以决定要在三秒钟内加载网站(每个页面的“预算”)。使用该基准，您可以剔除不必要的页面元素，这些元素会导致加载时间超过该限制。您还可以审核和监视站点上影响加载时间的所有第三方脚本。

  2.图像数量。 在我们的研究中，我们发现页面上的图片数量是转化次数的第二大预测指标。考虑一下这一点：在典型的零售页面上，图标图标，徽标和产品图像等图形元素很容易构成页面总重量的三分之二(即数百千字节)。结果：在整个会话中页面加载速度累计缓慢。实际上，我们发现，转换后的用户会话比未转换的会话少38%的图像。

  要点： 为确保您的APP小程序页面尽快加载，请确认图像格式正确。例如，将简单图形另存为JPEG而不是PNG可以将其文件大小减少一半以上。图像也应该被压缩和调整大小。 对于那些想从图像中榨取尽可能多性能的人，有 先进的优化技术。

  慢页可以增加跳动

  对于 跳出率(该跳出率用于衡量在不浏览首页的情况下离开您的APP小程序网站的人数百分比)，速度影响最大。但是，在网站性能的世界中，速度面临很多问题。让我们看一下影响跳出率的前两个站点属性：DOM准备时间(我们将在稍后说明)和整页加载时间。

  1. DOM准备时间。 我们发现DOM准备时间(浏览器接收和解析页面的HTML代码所花费的时间)是跳出率的最大预测指标。(或者这样想：就像准备做饭一样。您的菜谱已经打开，食谱在您的面前，您的食材也处于备用状态。)虽然用户无法感知何时收到了HTML代码并解析后，必须先加载它，然后才能加载可见元素(例如图像)。

  总体而言，当整个访问过程中DOM的准备时间变慢时，人们的弹跳更多。我们的研究发现，退回会话的DOM准备时间比未退回会话慢55%。我们还注意到， 如果访问的第一页的DOM准备时间明显慢于其余页面，则跳出率 甚至更高。这告诉我们第一印象很重要：如果人们访问网站的最初体验很慢，那么他们以后反弹的可能性更大。最初的互动似乎使人们对网站的认知变色，并降低了他们在整个交易过程中耐心等待的意愿。

  要点：加快网站的DOM准备时间的一种方法是避免使用JavaScript(一种类型的代码)，该JavaScript会阻止并阻止浏览器解析HTML代码。JavaScript中最常见的元素是第三方广告以及必须先从外部服务器获取的分析和社交小部件，然后才能加载。(想象一下您在餐厅里，服务员已经准备好送餐了，但是首先必须等待盐和胡椒粉从另一家餐厅运来。)有关如何防止JavaScript影响DOM准备时间的更多想法，这是 开发人员指南。

  2.整页加载时间。 除了DOM准备时间之外，整个页面加载所需的秒数(包括图像，字体，CSS代码等)对用户是否停留在APP小程序网站上的影响最大。我们发现，退回会话的APP小程序网站加载时间中值比未退回会话慢约2.5秒。

  这一发现令人信服，因为在Web性能行业中，越来越多的趋势将页面加载时间视为无意义的指标。由于加载时间与跳出率之间具有如此强的相关性，因此将其抛弃可能为时过早。

  要点： 我们已经提到了几种改善整页加载时间的方法，包括优化图像，遵守性能预算以及避免使用第三方文件来减慢加载时间。您还可以优化网页的字体和结构，以便可以更快地呈现它们，而又不会阻止页面其他方面的加载。并且，它可以帮助避免重定向链接，该链接会自动将用户发送到新的URL。

  该代码可以应用于任何网站。您的Web开发团队可以使用它来分析您业务的绩效数据。它回答如下问题：

  网站的哪些因素最能影响我的业务指标?

  我应该关注哪些性能指标?

  我需要多少时间才能使我的网站看到可衡量的转化次数和跳出率?

  投资回报率将如何提高网站性能?

  绩效低下会给我的业务造成多少损失?

  我期望在什么时候看到绩效改善的收益递减?