曾有很多研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页。也许这样讲,各位还不会有太多感触,接下来,我列举一组数据:google网站访问速度每慢400ms就导致用户搜索请求下降0.59%;amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms延迟会导致流量下降5-9%。
怎么样?现在感受如何?是不是该马上去做测试工作呢。
这时候你也许会问:什么原因会导致网站打开慢?有什么办法解决呢?别急,我一一道来。以下内容有些偏技术层面,各位需要耐心阅读。
1、网站优化时减少http请求数
用户在打开一个网页的时候,后台程序响应用户所需的时间并不多,用户等待的时间主要花费在下载网页元素上了,即html、css、javascript、flash、图片等,统计显示,每增加一个元素,网页载入的时间就增加25-40毫秒(取决于用户的带宽情况)。
所以,想要提高网页打开速度,就要减少http请求数,方法有3种:
1)减少不必要的http请求,例如用css圆角代替圆角图片,减少图片的使用。
2)合并文件,对于文本文件,可以直接合并内容。例如将多个js(javascript的简称)文件合并成一个,将多个css文件合并成一个。
3)优化缓存,对于没有变化的网页元素(如页头、页尾等),用户再次访问的时候没有必要重新下载,直接从浏览器缓存里读取就可以了。
2、网站优化时使用cdn(content delivery network,内容分发网络)
cdn由一系列分散到各个不同地理位置上的web服务器组成,它根据和用户在网络上的靠近程度来指定某台服务器响应用户的请求。当你的网站图片很多事,就一样要使用cdn了,比如现在的电商网站,几乎都在使用cdn。
3、网站优化时压缩网页元素
网页中的每个元素越小,下载所需的时间就越少,这个很好理解。现在比较成熟和流程的压缩网页的方式,是通过gzip,我自己的实操经验来看,一般可以将网页文本内容减少70%以上。
4、样式表放在网页head部分
这也是我实际操作过的案例,把样式表(css文件)移到网页的head部分,可以提高页面的加载速度,让页面元素顺序显示。
5、把js文件放到网页底部
网页打开时,所有元素是顺序显示的。由于js文件的特殊性,其相比其他元素来说,会加载的很慢,在js文件下载完成之前,其他后面元素的顺序显示将被阻塞,因此把js文件尽量放在底部,意味着内容能被快速显示。
6、把样式表和js脚本放到外部文件中
尽管将样式表和js脚本直接写入网页html中,可以减少外部文件调用数量,但是,这样做会增加网页的文件大小。综合来看,将样式表和js脚本放到外部文件中,也许用户首次访问时会有点慢,但是后续在访问网站时,用户直接通过浏览器缓存就可以用,从而达到减少http请求数的目的,为最优的做法。
写在最后的话:
在提升网页打开速度经常被忽视的一个问题是响应。对于用户来说,每次的操作,不管返回结果是慢,还是快,都要及时予以响应,最典型的例子就是:当用户点击打开一张图片时,是否有百分比数字显示的进度条,就是一个典型的响应设计。
的网站用户体验绝对不是一蹴而就的,要进行充分的可用性测试,收集用户的反馈,持续改进。
现在,大部分企业的网站都存在打开速度慢的情况,我们亿万科技在总结后,发现大部分是以下几点原因造成的:
1.网站服务器在国外,服务器不稳定,速度比较慢。建议备案,用国内服务器,会提高打开的速度;
2.网站内使用了大量的图片或FLASH,导致网页打开速度比较慢。建议将图片做技术处理,在图片保持清晰的前提下,降低图片占用空间的大小,提高打开速度。尽量不采用大的FLASH,因为这样会影响打开速度,除非你是要建品牌站;
3.网站首页太长,内容太多,导致网页打开速度慢;
4.网站中的特效太多,影响加载速度;
5.网站空间小,而源文件大,导致打开速度慢,不过这种情况很少见;
6.网站中的图片尺寸比较大,没有进行切图,图片打开速度慢。
网页名称:提高用户体验的秘诀:别人我等
URL标题:https://www.cdcxhl.com/news44/273094.html
成都网站建设公司_创新互联,为您提供外贸建站、建站公司、微信公众号、面包屑导航、软件开发、自适应网站
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联