关于网页设计的一些统计数字

昨天,我看了一点Website Optimization这本书。


书里有一些统计数字很有趣,下面就是一点摘录。

网页的大小

● 2003年,全世界网页的平均大小是93.7KB,2008年增长到312KB,5年中翻了3.3倍。(这里的网页大小包括图片、CSS文件、Javascript文件、flash文件等等。)

● 每张网页包含的对象数,从25.7个上升到49.9个。(凡是需要发出独立http请求的网页元素,都算作一个对象。)

● 据统计,每增加1个对象,网页载入的平均时间就增加40毫秒(宽带)或250毫秒(窄带)。

● 研究表明,凡是包含超过4个对象的网页,都会产生"显示延迟"问题,因为浏览器需要时间下载全部对象。

网速的变化

● 2006年2月,美国宽带用户访问40个主要网站(KB40)的平均网页载入时间是2.8秒,2008年2月,这个指标下降到2.3秒。

● 但是与此同时,窄带用户的单张网页载入时间上升到20~30秒。

网页的构成

● 网页大小中,平均54%来自于图片。

● 如果去掉广告,网页的大小和对象数会减少25%到30%。

● 84.8%的网页使用Javascript。

● 超过52%的网页使用框架frame,其中绝大多少是用于显示广告的iframe。

● 使用CSS,可以使HTML文件的大小减小15%-20%。

关于视频

● 1997年的时候,网页上的视频长度一般不超过45秒。到了2005年,网页视频长度的中位数,增加到120秒,2007年又进一步增加到192.6秒。

● 2005年,观看Youtube上的视频,要求的平均带宽是200Kbps(相当于网速每秒25KB)。到了2007年,上升到328Kbps(相当于网速每秒42KB)。

● 2007年底,网页视频的平均大小为63MB。

● 87%的网页流媒体节目,在开始播放的10秒内,就会被用户关掉。它们浪费的带宽占到服务器端总带宽的20%。

● 流畅播放一段320X240、每秒15帧画面的视频,要求的网速是每秒38.4KB。如果视频大小增加到640X480,要求的网速就会增加到每秒153.6KB。(请注意,每秒15帧是视频质量的最低限,正常质量的视频至少需要每秒24帧。)

(完)

时间: 2024-07-28 13:08:54

关于网页设计的一些统计数字的相关文章

网页设计栅格系统设计

  这是一个信息爆炸的时代,每天人们利用网络.手机等接收数以千万计的信息.伴随着信息量膨胀的现象一个时代性的问题出现了,人们的眼睛无法在着庞大繁杂的信息面前聚焦.视觉信息处理任务中如何让人们方便轻松的看到自己需要信息并能够带来美感变成了关键问题.满足视觉信息的功能性是首要任务,而在单纯满足视觉信息功能性后,视觉信息的美感便会受到影响.仅仅停留在满足功能性的话,所有的网页都会变成单调无趣的报纸,给人廉价.乏味的感觉.而如何使其具有美感,成为了一个难题.直到栅格系统在网页设计中应用并得到了改良.栅格

四步完成asp网页设计流量统计_应用技巧

按照以下步骤,逐步操作,你很快就会拥有精美的图形化计数器.  步骤1:在网站的某个目录如count下建立文本文件,如counter.dat    ,用于存放访问量.文件内容仅有一行数字,表示网站初始访问量,一般为0.步骤2:在相同目录下建立计数器的ASP程序,可命名为mycount.asp,内容如下:     <% '自编ASP图形化计数器 V1.1 '用于网页浏览统计,免费使用,自由拷贝! dim vistors '获取计数文件counter.dat的地址 countfile=server.m

四步完成asp网页设计流量统计

按照以下步骤,逐步操作,你很快就会拥有精美的图形化计数器.  步骤1:在网站的某个目录如count下建立文本文件,如counter.dat    ,用于存放访问量.文件内容仅有一行数字,表示网站初始访问量,一般为0. 步骤2:在相同目录下建立计数器的ASP程序,可命名为mycount.asp,内容如下: <% '自编ASP图形化计数器 V1.1 '用于网页浏览统计,免费使用,自由拷贝! dim vistors '获取计数文件counter.dat的地址 countfile=server.mapp

使用大气醒目的字体排版的优秀网页设计

  使用高识别度的字体设计,加上吸引人的细节设计,的确是抓住用户注意力的利器.优雅的线条勾勒和漂亮的水泡装饰,同其他的视觉元素很好地结合起来,营造出安静又俏皮的氛围. Teamgeek 网站的开发者充分展现了如何将新技术运用到网页设计中的技巧.充满复古风格的LOGO设计让网站打开的时候有了独特的气场,而当可交互的粒子特效出现的时候,用户除了"Wow"大概也做不出别的表情吧. Rightmove 漂亮的卡通式的字体设计延伸到背景的配色和细节上,居中的标语以背景为舞台,占据视觉中心,同友好

20个使用隐藏式菜单导航的优秀网页设计

  Navicon,也就是汉堡图标,已经成为越来越多网页设计 导航模块时的首选了.相比于传统的导航栏,隐藏式菜单导航在设计和用户体验上有着它独到的地方.作为一个随着移动端设计发展而崛起的网页设计 元素,Navicon并没有减弱它引导用户的功能性,也没有丧失它作为基础网页组件的重要性,还为设计师和开发者提供了更大的创作空间. 如何正确使用Navicon取决于项目的实际状况,相对保守的站点可能不会考虑这个选择,而不少追求时尚简约.多平台体验统一的新兴网站可能会更加青睐Navicon,因为作为导航接口

21款创意十足的水下网页设计

  在网页设计中自然图案的展示是很常见的一个手法.设计师通常喜欢用各种景观照片.风景插图或者乡村风格的视频来增加网站自身的自然度.现在我们把思绪聚焦在航海主题上.海洋并不缺乏强大的情绪,相反它能够激发一系列积极的感受,在网站设计中见证这样一个骇俗的场景足以让我们感受到它戏剧性的效果,在心中刻下明显的印记. 展示海洋有多种不同的方式.它可以是一个简单的海景,一幅神秘的海底世界,水里有个潜水员,或者是一些带有幻觉的照片处理,或者是惊人的海洋生物展现.每种方式都可以添加一些标新立异的设计,这样子会起到

网页设计中最常见的30款英文字体

  关于英文字体,对我们网页设计师朋友们来说一定并不陌生,即使我们很少做英文语系的网站,但在浏览国外网站的时候,大家一定都会有或多或少的认识.其实不单单是在网页中,很多移动操作系统和浏览器中都广泛使用了今天我们即将介绍的这些字体. 想必大家也都能猜出来像 Arial.Helvetica 这种大名鼎鼎的字体肯定在里面了,那么还有什么呢?一起来详细了解一下吧! 首先,补充个小知识: 1.网页设计中的英文字体,一般有以下五类: serif(衬线) sans-serif(无衬线) monospace(等

2014年网页设计趋势

  在过去的2013年及2012年,网页设计理念或多或少都受到大公司设计风格的影响.Google过去几年中也在搜索算法上做出很多调整--更注重网站内容原创性及可用性.HTML 5释放了设计师的思维,有利有弊,HTML 5 动画有时也玩过火了.随着移动Web的访问不断增大,响应式设计变得愈加重要了. 下面我们通过简单的一些案例阐述2014年的Web设计趋势.但是,记住,不要过度使用.不是每一种趋势都适合你的客户.作为设计师或Web开发人员,你有责任紧跟趋势,并量身定做你客户的网站. 准备好,跟随我

网页设计中表单应用技巧大放送

技巧|设计|网页|网页设计 我们在制作网页时或修改网页时,不管是动态网页还是静态网页都要用到表单这个元素,那么我们就有必要熟悉和了解表单的一些基础知识和一些常用的技巧!今天给大家收集一下本站内相关表单的文章以方便大家查阅表单的一些知识!这里基本上都全了!希望大家喜欢并且对大家有用! 熟悉常用表单格式的五点技巧 在线用表单建立文件夹 个性化表单五技巧 javascript表单之间的数据传递 判断表单中添加是否数字的JS与VBS代码 常用的表单提交判断函数 高级表单验证-针对多次提交表单 玩转表单之