• 媒体品牌
    爱范儿
    关注明日产品的数字潮牌
    APPSO
    先进工具,先知先行,AIGC 的灵感指南
    董车会
    造车新时代,明日出行家
    玩物志
    探索城市新生活方式,做你的明日生活指南
  • 知晓云
  • 制糖工厂
    扫描小程序码,了解更多

不仅多图杀猫,一个网页的平均大小就有 2.1 兆

公司

2015-06-17 19:25

习惯在手机端浏览网页的童鞋一定对 “多图流量预警” 这几个字并不新鲜。不过 HTTP Archive 最新的数据显示,不仅仅是多图杀猫,普通网页的平均大小已经超过 2MB。

HTTP Archive 分析了世界上最受欢迎的 50 万个网站,得出的网页平均大小为 2.1MB,这个数字是三年前的两倍。

从字节数来看,图片占比最高,平均占到网页总字节数的 63%,javascript 占到 16%,视频占 10%,字体占 5%,CSS 和 HTML 各占 3%。

web-page-avg-bytes-custom-1
从各部分元素增长速度来看,在过去一年中增长最多的是 CSS 和图片。得益于 html 5 和响应式设计的流行,CSS 的使用在过去一年中增长了 24%,JavaScript 的使用并没有减少,Flash 的使用正在下降。

webpage size

 

随着图片、视频、互动元素在网页中的比重日益增加,网页正在变得越来越臃肿。这或许是不可避免的:在这个看脸的世界里,网站 “颜值” 的重要性不言而喻,而多媒体内容消费的需求也在迅速增长。

虽然网络带宽和处理器性能也在随之提升,但网页设计者必须意识到,他们的网页很可能在未升级的设备和带宽有限的网络上加载缓慢,而且随着用户的注意力的进一步分散,网页的加载速度将是留住用户的关键之一。

对许多网页和 app 设计者来说,如何巧妙地设计 loading(加载中)页面已经成为让用户驻留的重要因素之一。

此外,让网页能够适配不同的屏幕和场景也是开发者应该考虑的因素。比如 Facebook 就为了争抢发展中国家的 “下十亿用户”,推出了在糟糕的网络环境下也能使用的轻量级的版本 Facebook Lite

题图来自站酷海洛创意、插图来自 CNNSitePoint

登录,参与讨论前请先登录

评论在审核通过后将对所有人可见

正在加载中