Web标准 - 页面大小

时间:2010-12-07 10:26:43

标签: html performance standards

我想知道是否有关于网页文件大小的网络标准,考虑到用户具有平均互联网连接,网页上的总资产重量应该是多少。

由于

4 个答案:

答案 0 :(得分:6)

完全取决于您的用户平台。

移动

这些是估计,很难找到好的比较图表。

  • 普通电话网络,5-20kbps
  • Edge速度很慢,大约40kbps 据我所知
  • 3G将以大约80kbps的速度下载最大值
  • 4g将是非常快的,是 未来,但尚未结束

重要的是要认识到移动用户对慢负载具有更高的容忍度。因此,等待移动页面3秒钟不应该让很多人失望。

<强>宽带

根据您的访客位置,可以有不同的速度。

http://www.speedtest.net/global.php#0

非洲平均为1.93mbps,南美洲为3mbps,世界其他地区为>为6Mbps。这些(据我所知是平均值)。

因此,如果您的访客群体偏向于非洲或南美洲,您应该尝试以更轻松的页面设计为目标。世界其他地方不再是一个问题。

随着宽带速度在全球范围内的改善,页面大小将变得无关紧要。但那一天还没有到来!

速度的重要性

我对在线响应能力进行了一些研究,目前无法找到资源来支持这一点,但据我所知谷歌进行了一些研究,发现用户对页面延迟只有30毫秒敏感,这意味着他们会对两个相同的内容页面有一个有利的偏见,其中一个加载> = 30ms更快。所以速度可以帮助你在竞争中获得成功!人类的大脑对速度的敏感度比我们想象的要大得多。但请记住,不同的平台用户具有不同的容忍度。

<强>建议

越快越好!精心设计的CSS驱动布局自然会很小,并且有许多其他好处(SEO)。如果您的网页加载速度很慢,请找到瓶颈(服务器或文件大小)并瞄准减少,以便在您的受众群体定位平台上自然而快速地加载页面。

答案 1 :(得分:2)

没有真正的标准,因为全球各地甚至用户之间的连接速度变化很大。

有关保持尺寸缩小的一般指示,请参阅Google的Pagespeed规则:Minimize payload size

答案 2 :(得分:2)

也不要忘记延迟。如果你必须在一个页面上有很多数据,那么最好将它放在1或2个大项目中(即1个css sprite图像而不是20个小项目)。对于每个项目,您将导致至少1次往返延迟延迟。

即使你的页面是“小”,无论你使用什么标准,如果它上面有大量的项目,它将为远程用户缓慢加载。这是CDN的主要优势之一 - 将内容移近用户,因此延迟更低。

答案 3 :(得分:1)

没有标准将网页的大小限制为固定大小,因此我不能引用一个“网页必须不大于100kb”的来源,因为不存在此类源。

页面大小与访问网页的受众完全相关。如果您拥有“平均”受众群体,则可以放心地发送200kb(包括所有图片,包含和HTML)。如果您要定位移动设备,则需要使页面比此小得多。如果要发布供在线服务使用的数据,则可以接受发送超级字节页面。

因此,作为网页设计师,您需要根据自己的判断来决定制作网页的大小,并在与受众群体相似的条件下测试速度。

除了页面大小之外,您还可以采取各种措施来加快请求速度,包括HTTP压缩和最小化请求数量(即将脚本合并到一个包含中,将脚本放在页面底部和等......

这是一个有用的工具,您可以在Firefox中使用Firebug来查看每个请求的详细信息......

https://developer.yahoo.com/yslow/