分析衡量网页运行表现的3个额外标准

2019-09-13 09:05 来源:未知

*页面何时可以点击、划动和滚动(“页面互动时间”)

图片累赘

图片 1

最后,Rovio也没有合理利用HTTP持续连接的优势。如果没有在网络服务器使用HTTP持续连接,浏览器就会对服务器产生多个不必要的网络连接。HTTP持续连接可以让同个网络连接针对多个请求而进行重用,并且速度更快。

*除了空白屏幕或之前屏幕之外,用户所看到的第一点内容(“第一呈现时间”)

压缩

我们看到Rovio网站要加载大量图片,例如YouTube视频缩略图(Rovio网站在浏览器中以更低的分辨率呈现该图)。图片下载时的像素为480*360,呈现时的像素也仅为160*120。这意味着Rovio网站所下载图片比其实际所需的大9倍,这是在无效使用网络带宽和客户端处理时间。

过去几年,网站一直用监测服务来衡量完整的页面加载时间。但是,这并不能说明用户的网页浏览器如何有效整合了内容,或者用户在多久之后可以开始与页面互动。我们还知道有许多种方法可以整合及展示网站上的内容,有些方法要优于其他选择。

*一个页面加载完该页所有内容所需的总体时间(“整体用户体验时间”)

总结

数字娱乐传媒公司Rovio的桌面网页响应时间就很糟糕,多达7.75秒。它在iPhone平台的页面响应时间也达到5.71秒,在iPad上也需要6.59秒。今天的用户期望都很高,像Rovio这类网站应该力争实现2秒的端对端桌面网页加载时间,在3G移动网络的端对端页面加载时间也不宜超过6秒。Rovio桌面网站显然应该提速。

有趣的是,Rovio也没有针对那些可压缩的元素使用gizp进行压缩。所有现代浏览器都支持gzip压缩,这可以在网络传输过程中缩小文件,并在呈现于浏览器时进行解压。如果Rovio网站针对所有页面资产进行压缩,许多文件就可以缩小60-70%,这就有助于加快运行速度。

新技术让我们进一步看到网页运行表现对桌面用户体验的影响。与原来只是简单地衡量页面加载时间的情况不同,新标准让我们得以获知访客花费多长时间看到浏览器变化,访问需在多长时间后才能开始与页面互动等更多详情。这些是用户体验中的重点,这意味着并非所有的加载时间都是相等的。

web_performance(from keynote.com)

除了缓慢的端对端页面加载时间之外,Rovio网站在第一呈现时间的表现上也不理想。我们看到该网站在浏览器能够渲染屏幕上的任何内容之前,就有超过63个的元素在进行加载。这包括15个JavaScript文件,5个CSS文件以及4个自定义字体文件(游戏邦注:使用自定义字体的网站并不多见,部分是因为这会影响页面运行表现,网站需要在初始渲染之前先加载字体)。

第一呈现时间

更多阅读:

  • 数据解读:玩家睡前在玩什么手机游戏?
  • Ben Lewis-Evans:分析三种游戏用户研究方法之优势
  • 基于学生人口统计分析美国游戏人才获取渠道
  • 第一象限:不同星座用户玩游戏的原因
  • AppsFlyer:视频广告有助于提升玩家留存率
  • Lars Doucet :分析当前游戏平台现状及理想应用商店的标准
  • Adeven高管:只有合适的数据才能获得ROI
  • 以心流状态分析游戏指南的挑战性&趣味性
  • 2014年上半年全球最具影响力的游戏市场报告Top 10
  • Shannon Appelcline:举例论游戏数学元素的3种设计方式
  • GPC&CNG:2018上半年中国游戏产业报告
  • 巨人网络财报:2012年第二季度巨人网络净营收为5.282亿 环比增长3.8%
  • CNIT-Research:2013年5月中国网络游戏品牌影响力研究 腾讯完美盛大居三甲
  • UBI:《刺客信条3》全球一个月销售700万套
  • 中金研究:2012年中国网络游戏行业研究报告

新行业标准得到了IE9、Chrome、火狐等当代浏览器的支持,这可以根据用户在页面加载过程中的真正体验,更全面地揭示网页运行表现。现在的浏览器本身可以保存加载新页面过程中不同事件的时间标记,包括开始和结束阶段的时间标记,以便衡量运行表现:

举例来说,想象你在访问两个网站,每个网站的一个页面加载时间都是5秒。如果A网站半秒内就会开始显示内容,而B网站要4秒后才能开始看到内容,你就会感觉A网站可能更有活力,尽管这两者的整体用户体验时间都是5秒。

案例:Rovio

via:游戏邦/gamerboom.com编译

这三个衡量网络运行表现的额外标准为真正评估用户对网页浏览器加载时间的看法增加了筹码,提升了开发者和网站所有者优化网站运行表现的维度。希望Rovio也能花些时间实践这些做法,提升网站运行表现。

HTTP持续连接

TAG标签:
版权声明:本文由永利平台注册发布于www.850.com,转载请注明出处:分析衡量网页运行表现的3个额外标准