字体大小: 【返回】
您的位置:首页 > 资讯中心 > > 正文阅读

网站建设提高用户浏览体验的6个细节

来源:sugood.com 发布时间:2011-8-30 阅读:7740次

一个舟山网站建设良好的用户浏览体验的前提是要有较快的页面加载速度,过长的页面载入时间,即使网站有再丰富的网站内容,用户也会关掉页面。如何能让网页加载更快呢?在平常的实践和参考别人的经验中,我自己总结了以下提高用户浏览体验的6点细节,希望大家能用的上。
1、<IMG>中标明图片的高度和宽度
很多人由于懒惰或其它原因,总是将这个细节忽视了。当你在网页上添加图片或表格时,最好指定它们的高度和宽度,也就是height和width参数。如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度,也影响用户浏览体验。
比较友好的图片代码如下:
【<img id="logo" width="105" height="105" src="http://www.sugood.com/images/logo.jpg" alt="网站设计LOGO" />】
当浏览器知道了高度和宽度参数后,即使图片暂时无法显示,页面上也会腾出图片的空位,然后继续加载后面的内容。从而加载时间快了,浏览体验也更好了。
2、把CSS样式放在页面的上方
无论是HTML、XHTML还是CSS都是解释型的语言,而非编译型的。把CSS放到页面上方的话,那么浏览器解析结构的时候,就已经可以对页面进行渲染。 这样就不会出现,页面结构光秃秃的先出来,然后CSS渲染,页面又突然华丽起来这样“戏剧性”的页面浏览体验了。
3、将JavaScript脚本放在底部
道理跟把CSS样式放在页面的上方一样。只是脚本一般是用来用户交互的,所以如果页面还没有出来,用户连页面都不知道什么样子,那谈交互简直就是扯谈。所以,脚本和CSS正好相反,脚本应该放在页面的底部。
4、将JavaScript和CSS独立成外部文件
如果从尽量减少HTTP的request请求数来讲的话,这样做的确是降低了效率。但是之所以这么做,是因为另外一个重要的考虑因素——缓存。外部的引用文件会被浏览器缓存,所以如果javascript和css体积较大的时候,我们将它们独立成外部文件。这样当用户只要浏览一次以后,这些体积较大的js和css文件就能被缓存起来,从而极高地提高用户再次访问时的效率,用户浏览体验也更好。
5、尽量减少DNS查询
DNS即域名解析系统,我们之所以能记住那么多的网址,是因为们记住的容易记忆的单词,而非http://114.80.1116.121这样的东西,而帮我们把那些单词和114.80.1116.121这样的ip地址联系起来的就是DNS。
用户在浏览网站时,域名地址需要解析,所以最好遵守两条规则:
①、如果不是必须,请不要把网站放到两台服务器上。
②、网页中的图片、css文件、js文件、flash文件等等,不要太多的分散在不同的网络空间中。
尽量把必须的文件放在同一空间中,减少DNS的查询时间,用户的浏览体验也就提高了。
6、网址后加斜杠
①、一些链接地址请更明确的写出来。例如:将http://www.sugood.com/写成http://www.sugood.com,注意最后面一个“/”符号。这两个网址都能访问到一花一叶博客,但是,事实上,它们是有区别的。http://www.sugood.com的结果是个301响应,它会被重新指向http://www.sugood.com/ 。显然,这中间多浪费了一些时间。
②、有些网址,比如http://www.sugood.com/blog,当服务器收到这样一个地址请求的时候,它需要花费时间去确定这个地址的文件类型。如果blog是一个目录,不妨在网址后多加一个斜杠,让其变成http://www.sugood.com/blog/,这样服务器就能一目了然地知道要访问该目录下的index或default文件,从而节省了加载时间,提高了用户浏览体验度。
以上就是我总结的一些提高用户浏览体验的小细节。也许不是很全面,提到的点也比较少,以后我想到或者看到什么再补充。希望大家能注意到这些设计上的细节方面,个人觉得用户的浏览体验就在于细节之中,只要我们用心观察,把细节方面的事情做好了,用户的浏览体验度自然就上来了。

免责声明:力倡网络文化,崇尚互联共享。本站所发表的文章新闻资讯,部份来自互联网转载,若有冒犯原创之处请来信告知,我们第一时间内删除。同时所发表或转载的文章新闻信息,并不代表本站赞同或者支持该文的观点,我们的立场仅限于传播更多读者感兴趣的信息。