不仅多图杀猫,一个网页的平均大小就有 2.1兆
习惯在手机端浏览网页的童鞋一定对“多图流量预警”这几个字并不新鲜。不过 HTTP Archive 最新的数据显示,不仅仅是多图杀猫,普通网页的平均大小已经超过 2MB。
HTTP Archive 分析了世界上最受欢迎的 50 万个网站,得出的网页平均大小为 2.1MB,这个数字是三年前的两倍。
从字节数来看,图片占比最高,平均占到网页总字节数的 63%,javascript 占到 16%,视频占 10%,字体占 5%,CSS 和 HTML 各占 3%。
从各部分元素增长速度来看,在过去一年中增长最多的是 CSS 和图片。得益于 html 5 和响应式设计的流行,CSS 的使用在过去一年中增长了 24%,JavaScript 的使用并没有减少,Flash 的使用正在下降。
随着图片、视频、互动元素在网页中的比重日益增加,网页正在变得越来越臃肿。这或许是不可避免的:在这个看脸的世界里,网站“颜值”的重要性不言而喻,而多媒体内容消费的需求也在迅速增长。
虽然网络带宽和处理器性能也在随之提升,但网页设计者必须意识到,他们的网页很可能在未升级的设备和带宽有限的网络上加载缓慢,而且随着用户的注意力的进一步分散,网页的加载速度将是留住用户的关键之一。
对许多网页和 app 设计者来说,如何巧妙地设计 loading (加载中)页面已经成为让用户驻留的重要因素之一。
此外,让网页能够适配不同的屏幕和场景也是开发者应该考虑的因素。比如 Facebook 就为了争抢发展中国家的“下十亿用户”,推出了在糟糕的网络环境下也能使用的轻量级的版本 Facebook Lite。