收藏本站|设为首页

您现在的位置: 首页 > 新闻中心 > 建站经验 > 详细内容

深度解读网站用户体验三要素(1):别让我等

2012-08-27 11:12 来源: 卓杰科技 www.zhuojie.cc [ ]

2)合并文件,对于文本文件,可以直接合并内容。例如将多个JS(JavaScript的简称)文件合并成一个,将多个CSS文件合并成一个。

网页打开时,所有元素是挨次显示的。因为JS文件的非凡性,其对比其他元素来说,会加载的很慢,在JS文件下载完成之前,其他后面元素的挨次显示将被梗阻,是以把JS文件尽量放在底部,意味着内容能被快速显示。

5、把JS文件放到网页底部

用户是否喜欢一款产物,取决于他使用产物获得的益处,也取决于他在产物中获得的体验,两方面都是用户价值地址,缺一不成。

比来在读王坚的《结网》,正看到网站用户体验的章节,收成良多。今天成文一篇,就当是阅读标识表记标帜了。

注:

为什么迅雷不才载软件中独树一帜?为什么越来越多的用户在低画质的视频网站上在线不美旁观持续剧,而不是下载更清楚的视频文件?谜底是:用户的耐心很是有限,用户对速度的追求远远跨越了对画质等身分的追求。

回到网站运营问题上,你是否有在全国各地都测试过,访谒打开你的网站需要几秒?

怎么样?此刻感应感染若何?是不是该马上去做测试工作呢。

1、削减HTTP请求数

用户在打开一个网页的时辰,后台轨范响应用户所需的时刻并不多,用户期待的时刻首要破耗不才载网页元素上了,即HTML、CSS、JavaScript、Flash、图片等,统计显示,每增添一个元素,网页载入的侍旧送增添25-40毫秒(取决于用户的带宽情形)。

所以,想要提高网页打开速度,就要削减HTTP请求数,体例有3种:

1)削减不需要的HTTP请求,例如用CSS圆角庖代圆角图片,削减图片的使用。

3)优化缓存,对于没有转变的网页元素(如页头、页尾等),用户再次访谒的时辰没有需要年夜头下载,直接年夜浏览器缓存里篡夺就可以了。

在晋升网页打开速度经常被轻忽的一个问题是响应。对于用户来说,每次的操作,不管返回结不美观是慢,仍是快,都要实时予以响应,最典型的例子就是:当用户点击打开一张图片时,是否有百分比数字显示的进度条,就是一个典型的响应设计。

2、使用CDN(Content Delivery Network,内容分发收集)

CDN由一系列分手到各个分歧地舆位置上的Web处事器组成,它按照和用户在收集上的接近水平来指定某台处事器响应用户的请求。当你的网站图片良多事,就一样要使用CDN了,好比此刻的电商网站,几乎都在使用CDN。

网页中的每个元素越小,下载所需的侍旧送越少,这个很好理解。此刻斗劲成熟和流程的压缩网页的体例,是经由过程Gzip,我自己的实操经验来看,一般可以将网页文本内容削减70%以上。

4、样式表放在网页Head部门

写在最后的话:

关于网站用户体验的体例论有良多,这里引用王坚的一个简单易记的说法,用户体验三要素:别让我等!别让我想!别让我烦!针对这三个要素,我筹备用3个篇幅来完成,今天先讲第一个:别让我等。

3、压缩网页元素

6、楷模式表和JS剧本放到外部文件中

这时辰你也许会问:什么原因会导致网站打开慢?有什么法子解决呢?别急,我一一道来。以下内容有些偏手艺层面,列位需要耐心阅读。

尽管将样式表和JS剧本直接写入网页HTML中,可以削减外部文件挪用数目,可是,这样做会增添网页的文件巨细。综合来看,将样式表和JS剧本放到外部文件中,也许用户初度访谒时会有点慢,可是后续在访谒网站时,用户直接经由过程浏览器缓存就可以用,年夜而达到削减HTTP请求数的目的,为最优的做法。

这也是我现实操作过的案例,楷模式表(CSS文件)移到网页的Head部门,可以提高页面的加载速度,让页面元素挨次显示。

曾有良多研究剖明:用户最对劲的打开网页时刻是2-5秒,如不美观期待跨越10秒,99%的用户会封锁这个网页。也许这样讲,列位还不会有太多感应,接下来,我列举一组数据:Google网站访谒速度每慢400ms就导致用户搜索请求下降0.59%;Amazon每增添100ms网站延迟将导致收入下降1%;雅虎如不美观有400ms延迟会导致流量下降5-9%。

一流的网站用户体验绝对不是一蹴而就的,要进行充实的可用性测试,收集用户的反馈,持续改良。