网店系统如何提高页面访问速度减少页面加载时间!

2015-01-07|HiShop
导读:时下是个快速发展的时代,网友去 网店系统 平台购物都不喜欢用太多的时间等待网页的打开,等待的越长,用户可能会直接关闭网页,这样就会损失很多流量!其次,关键字的排名与网页的打开速度也有关系,这个主要体现搜索引擎对用户体验度上,用户体验度好,排名...

  时下是个快速发展的时代,网友去网店系统平台购物都不喜欢用太多的时间等待网页的打开,等待的越长,用户可能会直接关闭网页,这样就会损失很多流量!其次,关键字的排名与网页的打开速度也有关系,这个主要体现搜索引擎对用户体验度上,用户体验度好,排名相对其它网站就好些。下面笔者蒂馨给你介绍几个提高网店系统访问速度减少页面加载时间方法。

 

  1、减少页面HTTP请求数量

 

  比较直接的理解就是要减少调用其他页面、文件的数量。

  A.我们在使用css格式控制的时候,经常会采用background载入很多图形文件,每个background的图像至少产生1次HTTP请求,一般我们为了让页面生动活泼会大量使用background来加载背景图,要改善这个状况,可以采用css的1个有用的background-position属性来加载背景图,我们将需要频繁加载的多个图片合成为1个单独的图片,需要加载时,采用以下形式加载即可将这部分图片加载的HTTP请求缩减为1个。

  B.采用Image maps,这个方法也比较常用,只是限于同1个区域使用。

  C.Inline images,这个方法很少见到,但对于很小很简单的图像却是很实用的,相关语法标准参照:tools.ietf.org/html/rfc2397。

 

  2、添加文件过期或缓存头

 

  对于同一用户频繁访问的图片、Js脚本文件等可以在Apache或Nginx设置其缓冲 时间,例如设置24小时过期时间,这样用户在访问过该页面之后再次访问时,同一组图片或JS不会再重复下载,从而减少了HTTP请求,用户访问速度明显有 所提升,同时服务器负载也会下降。

 

  3、服务器开启gzip压缩

 

  这个大家都比较了解,即将需要传输的内容压缩后传输到客户端再解压,这样在网络上传输的 数据量会大幅减小。通常在服务器上的Apache、Nginx可以直接开启这个设置,也可以从代码角度直接设置传输文件头,增加gzip的设置,也可以从 负载均衡设备直接设置。不过需要留意的是,这个设置会略微增加服务器的负担。

 

  4、css格式定义放置在文件头部

  这项设置对于用户端是慢速网络或网页内容比较庞大的情况比较有利,可以在网页逐步呈现的同时仍会保持格式信息,不影响网页美感。

 

  5、Javascript脚本放在文件末尾

 

  很多Javascript脚本执行效率低下,或者有的第3方域名脚本出现意外无法载入, 如果将这些脚本放置到页面比较靠前的位置,可能会导致我们自己网站的内容载入速度下降甚至无法正常加载,所以一般将这些脚本放置在网页文件末尾,一定要放 置在前面的脚本要改用所谓的“后载入”方式加载,在主体网页加载完成后再加载,防止其影响到主体网页的加载速度。

 

  6、避免使用CSS脚本(CSS Expressions)

 

  有时为了要css的参数动态改变,可能会采用css expression来实现,但这样做得不偿失,会使用户端浏览器负担明显加重,所以不建议这样做,如果需要改变,可以使用Javascript脚本去实现。

 

  7、css、javascript改由外部调用

 

  如果css、js内容比较庞大,尽量不要写到同1个页面中去,改由外部载入比较妥当,因为浏览器本身会对css、js文件进行缓存。

 

  8、压缩Javascript、CSS代码

  一般js、css文件中存在大量的空格、换行、注释,这些利于阅读,如果能够压缩掉,将会很有利于网络传输。这方面的工具也有很多,一般可以保留开发版本,利用工具生成生产版本,2个文件比较,一般压缩率能达到50%以上,减少的数据量还是比较可观的。

  总结,以上是网店系统提高页面访问速度减少页面加载时间的9大技巧,希望能给到大家帮助。

今日热点

8月24日,腾讯教育正式发布了基于企业微信的私域流量运营工具——企微管家,为教培机构提供从引流获客到客户运营的全链路服务。

最新推荐
产品推荐
  • 微分销

    基于微信平台,集结多样营销活动推广功能,支持无限发展微信分店,快速建立分销网络...

    详情
  • 移动云商城

    集微信商城、支付宝服务窗、手机触屏版商城、app商城和PC独立商城于一体完美融合...

    详情
无法在这个位置找到: footer_2016.htm