2014年04月15日
网站是公司品牌宣传与业务推广的窗口,评判一个网站做的好与不好,主要考虑以下几个因素:网站内容、网站流量、网站用户体验。一个好的网站内容,会让用户停留以及收藏站点,同时网站被访问次数多,网站流量自然提升,对网站广告以及产品转化率都有明显的效果。网站用户体验就包括很多因素了,比方说:网站是否具有清晰……
网站是公司品牌宣传与业务推广的窗口,评判一个网站做的好与不好,主要考虑以下几个因素:网站内容、网站流量、网站用户体验。一个好的网站内容,会让用户停留以及收藏站点,同时网站被访问次数多,网站流量自然提升,对网站广告以及产品转化率都有明显的效果。网站用户体验就包括很多因素了,比方说:网站是否具有清晰的层次结构,网站打开的速度以及兼容性,网站广告是否干扰到用户的正常访问等。
一个用户体验好的网站其访问速度平均不会超过5秒,据研究表明,大多数用户期望的网站加载时间是3秒,如果超过这一时间网页还没打开,那么会有57%的用户会选择直接关闭窗口不再访问。因此如果经营的还是一家电子商务网站,那么这意味着很可能跑掉是一笔订单。今天颖锐网络科技公司将和大家分享到,如何提高网站的性能,快速的打开网站。
一、压缩页面
打开页面过程中,浏览器向服务器请求发回页面,网站速度受到页面大小的影响,发回的页面传输字节越小,网站速度越快;对于这种情况一般采用压缩技术,减少页面大小。
具体操作:
1.启用gzip:gzip是一种压缩技术,是通过在网站服务器安装gzip功能并开启,在传输页面到客户端浏览器过程中,先在网站服务器压缩并传至客户端浏览器,开启gzip压缩可以减少传输字节,提高网页加载速度。
2.通过压缩技术,压缩元素的体积(大小),如压缩图片、javascsipt脚本文件和css样式文件等,可减少传输文件体积(大小),提升页面下载速度。
二、优化打开页面内容
此过程的消耗时间受页面的内容大小、设计等影响,所以页面的内容大小以及图片设计等方面需要最大程度地从用户方面出发,力求给用户最好地显现体验。
具体操作:
css样式文件位置调整:css文件说明出现在之后,会导致页面重新渲染,降低网站展示速度,应将其放置在head区域,避免页面重新渲染。
javascript脚本文件位置调整:将javascript文件放在页面最后可以优化请求阻塞的问题,提高网站打开速度。
图片大小声明:如果图片大小不定义,页面需重新渲染,降低网站打开速度。
字符集声明:如果部分为定义字符集,将增加页面渲染次数,降低网站打开速度。
三、减少链接请求数
用户与网站交互所等待的时间,以特定用户对一个页面的加载时间来衡量页面打开过程中,链接请求次数越少,打开速度越快,反之,过多请求会导致页面加载延迟或页面传输阻塞。
具体操作:
1.合并javascript(也就是js)脚本文件:相同域名存在多个不同的javascript脚本文件,应尽可能将其予以合并,减少请求次数。
2.合并css样式文件:相同域名下存在多个css样式文件,应尽可能将其予以合并,减少请求次数。
3.缓存静态资源:变化很少的静态资源可以设置客户端缓存,如ui图片,css样式,javascript脚本等变化很少的静态资源,减少更新请求数。
4.取出错误链接和无效链接:页面存在无法打开的链接,会导致页面打开缓慢。
5.利用css sprite技术合并ui图片等小而不变的图片为一张图片,可以帮助减少请求次数,提高页面打开速度。
当然,影响网站的打开速度的原因还有很多,像网站空间太小,动画太多,网站设计优化考虑不足,代码冗余等,都会受影响。对外行人而言,看似相似的两个网站,其价格相差悬殊,无法理解,解释半天他可能也不太相信,价格高的质量会好。其实只有当客户真正体验过网站相关功能后才会感受到一分钱一分货的价值。