建站超市_手机网站_网站建设_快速建站_微服务_软文发布_高品质建站

新闻动态

news

网站诊断:影响页面打开时间的三大毒瘤

2013/11/29 9:16:37

搞网站的都知道网站用户体验很重要,这在我们做SEO里面也是重中之重在多次强调的核心因素,而且搜索引擎也在不断的调整在往这方面做进一步的改进,都是希望能够给用户一个很好的浏览体验,而对我们网站来说能够影响浏览体验的第一要素则是页面打开时间的问题。一个页面在5~8秒左右还没能打开,我想大家都没耐心再等下去了,直接关闭了事,这样也增加了跳出率,也是用户体验不好的表现,那么我们如何分析出我们网站的打开时间和访问速度呢,网上有很多在线测速工具,我这里要介绍的是百度统计自带的网站速度诊断功能。

我网站所使用的虚拟主机是万网的,据万网技术人员说是在智能多线机房(因为之前博客因为出现弹窗广告问题要求万网更换服务器,所以切换到了智能多线机房),下图是诊断后的部分数据。

肖俊博客进行网站速度诊断后的数据

测试数据为网通点页面打开时间 0.39秒,比 4.7% 的网站打开时间长,而电信点页面打开时间 0.65秒,比 8.1% 的网站打开时间长,从诊断数据来看网通线路的用户打开速度要比电信的快一些,不过以我电信宽带使用情况来看,首页基本上是在3~5秒内能完全打开,访问速度上来看是算不错的,不过诊断得分不算高,后面也给出了诊断建议,总结了影响页面打开时长的三大方面,而这几点也是我们在做网站的时候需要注意的几点,我们做网站优化就可以依照这几点来优化代码结构以及访问速度。

一、连接网络

页面打开过程中,连接请求次数越少,打开速度越快,而我博客的页面打开过程中,共有42次请求(比33%的网站请求次数多),可节省18次连接。也细分出了几个方面。

1、合并域名。建议将只有1个资源的域名合并到其他域名下

2、合并JS。合并相同域名下的js,可以减少网络连接次数。

3、合并CSS。合并相同域名下的CSS,可以减少网络连接次数。

4、缓存静态资源。变化很少的静态资源可以设置客户端缓存,减少请求。

5、使用Css Sprite。使用css sprite技术可以减少请求次数。

二、下载页面

向服务器请求发回网页的过程,受到网页大小等的影响,发回的页面体积越小,速度越快。而我网站页面打开过程中,共下载 175.9 KB (比23%的网站字节数更多),可以减少 10.4 KB。这点需要侧重调整。而主要就是采用压缩元素的办法来进行,使用压缩技术,减少元素的体积,提高网速。

三、打开页面

用户浏览器打开页面的过程,受页面内容大小、设计等的影响。该方面主要从以下两个细节着手:

1、JS位置。JS放在页面最后,可以加快页面打开速度。

2、图片大小声明。如果图片大小不做定义,则页面需要重新渲染,速度受到影响。

虽然除此之外页面打开速度还和主机本身配置及环境等因素有关系,但最主要的因素还是在网站本身,因此我们优化好网站内部结构以及代码都是很有必要的,以上三个方面都是最直接也是最常见的影响页面打开速度的,也许有的你已经做的足够好,也许有的细节还没注意过,那么可以从这些细节着手进行改进。