投票结果:理想页面大小

Avatar of Chris Coyier
Chris Coyier 发布

DigitalOcean 为您的旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分!

超过 14,000 人参与了这个投票 ,我问了 **“您认为现代网页设计的合理页面大小是多少?”**

这是我简单地尝试将结果可视化。

最流行的观点是 500k 是一个不错的尺寸,可以保持在 22% 的投票率。 很少有人回应说超过 1 MB。 提供的三个最重的重量(1.5MB、2MB 和超过 2MB)加起来仅获得了 13% 的投票率。

换句话说:**87% 的人认为网站页面大小应该在 1MB 或以下。**

记录在案的是,CSS-Tricks(截至撰写本文时,v9 版本)在首次加载时约为 750k(平均 3 秒),在缓存重新加载时约为 100k(平均 1.5 秒)。 时间基于我相当平均的宽带连接。 我对此相当满意。 虽然我认为对于移动设备来说它太重了,如果我有更多时间,我会找到优化它的方法。

不用说,页面大小越小越好,因为需要传输到网络的信息越少,页面加载速度越快。 但当然,您的页面加载速度不仅仅取决于页面大小。 请求数量非常重要,就像读者 basitian 说的那样。

我不认为这仅仅是页面重量的问题。 从技术角度来看,您至少应该将重量和请求数量考虑在内。

当然,您的服务器处理它们的速度和用户的互联网连接速度也很重要。 请记住,考虑一下您的个人互联网速度与世界其他地区的用户的互联网速度相比如何(假设您的受众是全世界,如果这是一个网站,很可能就是这样)。 Jan-Marten de Boer 说

在我所在国家的大多数农村地区,只有 500kb/s 的 DSL 速度是常态。

在这篇文章的前面,我写道我的宽带“相当平均”。 在运行 快速速度测试 时,我获得了 21MB 下行和 6MB 上行。 这是 **Jan-Marten 的 40 倍**。 真是大开眼界,不是吗?

页面的加载方式是另一个需要考虑的因素。 阅读 Mike Hopley 的这条评论,他概述了 10 秒页面加载可能发生的四种情况。 有好有坏,最好的情况是在第一秒过去后,页面的文本内容已准备好阅读,并且页面的进一步加载不会打乱内容。 Jake Archibold 用另一种方式表达:“页面加载所需的时间不是真正的问题,真正的问题是页面交付用户想要的内容所需的时间。”

Dyn 的 Lara Swanson 也持有相同的观点。 她认为 200k 是一个更合理的目标,而且文档完成时间比页面完整加载时间更重要。

我并不关心文档完成后的异步代码的渲染,也不关心不会阻止用户阅读和使用页面的资源。

我认为最佳做法是在所有方面尽力而为,并尽一切努力提高它们。 减少页面大小。 合并或减少请求。 加强您的服务器并使用 CDN。 确保您的加载过程干净,没有太多重排。 尽可能延迟加载或异步加载。

总之,有一些 有趣的平均值 由 Google 的 Sreeram Ramachandran 在 2010 年整理(分析了 42 亿个网站)。

每个页面 44 个请求
7 个脚本
3 个样式表
29 张图片
总页面大小为 320k

此投票和所有帖子投票的完整实时结果位于 投票存档 中。