移动用户体验,真正的 2015 互联网趋势

一则或许对你有用的小广告

欢迎加入小哈的星球 ,你将获得:专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡/ 赠书活动

目前, 星球 内第2个项目《仿小红书(微服务架构)》正在更新中。第1个项目:全栈前后端分离博客项目已经完结,演示地址:http://116.62.199.48/。采用技术栈 Spring Boot + Mybatis Plus + Vue 3.x + Vite 4手把手,前端 + 后端全栈开发,从 0 到 1 讲解每个功能点开发步骤,1v1 答疑,陪伴式直到项目上线,目前已更新了 255 小节,累计 39w+ 字,讲解图:1716 张,还在持续爆肝中,后续还会上新更多项目,目标是将 Java 领域典型的项目都整上,如秒杀系统、在线商城、IM 即时通讯、权限管理等等,已有 1300+ 小伙伴加入,欢迎点击围观

玛丽·米克 (Mary Meeker) 在 5 月份 为 KPCB 提交的年度报告 中引用了一些趋势、统计数据和指标,这些趋势、统计数据和指标表明在线活动的重要性日益增加,例如互联网用户增长到全球人口的 39%,手机用户的增长全球人口普及率达到 73%(其中 40% 使用智能手机),移动数据流量在过去一年增长了 69%,美国成年用户每天上网的时间增加了 51%,以及所有这些不同统计数据对许多企业的影响。

但在她所有的 196 张幻灯片中,她完全没有报告的主要内容是所有这些指标和业务如何受到这些在线业务和应用程序性能的影响。

问题在于人们很容易将性能视为理所当然,但如果您查看 Meeker 引用的所有业务指标,无论是消息/通知、用户生成的内容(Pinterest Pins、Snapchat/Facebook 视频上传、实时游戏流、音频混音等),及时的产品和服务,以及所有其他商业类别,活动的数量和速度直接受到网站和应用程序性能的影响。事实上,性能对于这些统计数据至关重要,以至于 Facebook 明确将其作为将其移动应用程序从混合 HTML5 重新构建为原生 iOS 和 Android 的原因 ,以及由于更好的性能而实现的用户参与度指标的改进。

但是,如果有一个行业的绩效和业务成果之间的联系应该非常明显,那一定是零售业。如果您的网站加载速度缓慢,尤其是在移动设备上,那么客户与您的业务就会减少,甚至可能会完全放弃您。

今年夏天,AppDynamics 与 Internet Retailer 合作,根据收入衡量全球 500 强零售商在 3G 和 4G 网络速度下的主页移动性能。 IR 为 AppDynamics 提供了要测量的 URL,我们使用我们的浏览器综合监控产品(现在处于测试阶段)来测量网站的性能,并使用我们独特的速度指数和视觉完整指标以及许多其他值来记录结果包括每页加载的资源、首次呈现时间以及页面的完整大小(或页面重量)(以兆字节为单位)。

这些测量结果作为 Internet Retailer 2016 年 Mobile 500 参考指南的一部分发布,该指南于本月以在线和印刷形式发布。除了行业趋势和分析之外,本指南的数据库版本还提供了 500 家零售商的关键数据摘要,包括财务、运营和公司摘要,以及 AppDynamics 测量的移动网站性能快照。这些网站是在一周内从北美、欧洲和亚洲的位置使用 Chrome 浏览器和移动网络配置文件以 30 分钟的间隔进行测量的。

结果趋势

测量结果表明,零售网站的性能差异很大。正如您所料,最好的网站在 3G 网络配置文件的 2-3 秒范围内和 4G 网络配置文件的 1-2 秒范围内在视觉上是完整的。在频谱的另一端,在 3G 和 4G 网络配置文件速度下,平均视觉完成时间约为 30、40 甚至接近 50 秒。不用说,客户为了页面加载而停留那么长时间的可能性开始急剧下降。谷歌等公司的研究表明,在搜索结果中引入低至 500 毫秒的延迟就会开始对收入产生严重的负面影响。

提高网站性能的策略

在性能较好的网站中,网站运营商可以采取三种策略来尝试提高其网站的性能。

第一种方法是尽量保持网页的大小一般尽可能小。一般来说,数据表明,在 3G 网络配置文件速度下,每兆字节的页面大小可能会花费您大约 6 秒的视觉完整时间。最好的网站能够做得比这好一点,但是,优化得不好的网站可能会慢得多。例如,一家运动服装零售商的主页的页面重量为 3.2 MB,但视觉完整时间超过 34 秒,或者说每 MB 页面内容的视觉完整时间为 10 秒。

当然,保持较小的页面大小对零售业来说尤其具有挑战性,因为自然趋势是希望用许多有趣且引人注目的产品图片或精美的 UI/UX 体验来填充页面以吸引消费者。但是公司需要非常自律地了解他们的图形和 UXD 选择对性能的影响,否则他们会迅速膨胀页面大小,减慢速度,由于性能不佳而让客户失望,从而浪费所有的时间和金钱,以及他们首先努力吸引客户访问他们的网站。

第二种方法是尽量减少每次页面视图加载的资源数量。数据显示,每个加载的资源都可以承担 0.05 秒到 0.2 秒的“性能”税,但对于速度更快的网站,平均应为 0.1 秒左右。网站所有者在加载第三方资源时要特别小心,因为这些可能会导致严重的延迟。同样,权衡是第三方资源可以提供网站本身拥有的不切实际或低效的内容或服务(例如社交媒体内容和图像),或者与网站的创收策略相关的内容或服务,例如广告网络, 但如果他们将网站速度降低到用户放弃页面的程度,那么它就违背了合并资源的目的。

例如,考虑一家受欢迎的视频游戏零售商的 3G 数据,其主页有 248 个资源,页面大小为 4.13 MB,由于下载所有游戏图像所花费的时间,视觉上完整的时间不到 30 秒而另一家运动器材零售商的主页总页面重量相似,为 4.12 MB,但只有 140 种资源,视觉完整时间约为视频游戏零售商的三分之一(10.3 秒)。

大多数浏览器只有八个独立的并发线程可用于下载资源,因此当您的网页设计有大量资源时,浏览器可能会反复循环通过其线程池,从而导致其陷入困境并花费比一个大小相似但加载资源较少的站点。

第三种方法是仔细管理和优化网站上内容的加载顺序,为用户提供最佳的网站体验。这就是网站速度指数衡量的用武之地,因为它提供了一种相对的性能衡量标准,可以区分具有相似视觉完成时间的网站,以显示客户认为哪个网站具有更好的性能。它通过测量随时间交付的内容百分比的比率来实现这一点。例如,考虑具有相同视觉完成时间的两个网站,但网站 A 在视觉完成时间的前 10% 内呈现其 90% 的内容,而网站 B 在前 90% 内仅呈现其 10% 的内容视觉完整时间和最后10%视觉完整时间中最后90%的内容。网站 A 的速度指数得分要快得多,因为用户会认为网站性能要好得多,因为他们可以很快看到大部分内容,而网站 B 会被认为性能更差,速度也慢得多索引分数,因为即使两个页面的视觉完成时间相同,用户也必须等待很长时间才能看到大部分内容。

查看 4G 数据,例如,我们看到一家受欢迎的家具零售商的视觉完成时间为 10.6 秒,速度指数为 2.9 秒,而另一家家具零售商的视觉完成时间相似,为 10.5 秒,速度指数为 6.6秒。它们都具有相似的视觉完整时间,但用户会认为前者网站的性能是后者网站的两倍以上。

概括

零售商在设计和开发网站以优化收入和其他业务 KPI 时面临着许多相互矛盾的要求。为了获得最佳结果,零售商需要仔细考虑他们的设计决策如何影响其网站的性能。糟糕的设计决策或考虑不周的权衡可能会导致网页加载速度非常慢,导致当今不耐烦的消费者放弃它们。

为了优化他们的设计流程,零售商应该考虑使用浏览器综合监控解决方案来了解他们的决策和权衡如何影响他们的网站性能和可用性,而不受与真实用户性能监控相关的所有变幻莫测的影响。

通过使用浏览器综合监控,公司可以获得对其网站实际和最终用户感知性能的一致基准测量,以更准确地评估不同设计和实施方法的影响。

此外,通过结合浏览器合成和浏览器真实用户监控,公司可以全面了解其客户的真实和感知体验,以优化其业务目标、KPI 和目标。

图像显示了 IR Mobile 500 报告中一些测量值的快照。