做有价值的网站,助力企业发展!

专注于企业网站建设、营销型网站建设、Web/微网站建设、企业营销推广

百度地图|网站地图|RSS地图

服务热线:

133-8386-7325

当前位置:郑州伟之琦计算机科技 > 新闻中心 >> 建站相关 >>

如何有效提高网页转化率?(一)

如何提高网页转化率?相信很多网站运营人员会有这样的疑问,郑州建站公司的资深网页设计师会在接下来几期文章中,为大家分享若干个最重要的网页设计技巧,这些技巧将使你的网页转换率飙升。

如何有效提高网页转化率?(一)

尽可能降低页面加载时间

来自Websitebuilder.org的研究统计数据表明,网页加载的延迟会导致网页转化率降低7%左右。而且这个数字还有持续增高的趋势。

换句话说,随着时代的发展,人们在浏览网页时的耐心也越来越少了。我们一定要尽可能降低页面加载时间。

Websitebuilder.org的研究统计数据中还提到,结帐流程也会影响转化率,有对比数据表明更快的结帐流程可将转化率提高66%。

那么如何才能提高网页加载速度?

(1)减少HTTP请求次数。

HTTP请求越多,加载页面所需的时间就越多。这里简单介绍2种减少http请求的方法

图片使用雪碧图(CSS Sprite)

除了压缩图片,优化图片的图片有很多中方法,最常见的就是雪碧图(CSS Sprite),即把多张小图片合并为一张图,利用CSS -background-position调整图片显示位置。

再配合图标字体文件比如流行的font-awesome等等。就可以随心所欲的使用各类图片,利用CSS定义图标颜色。

data:url模式可以在页面中渲染图片但无需额外的HTTP请求,格式如下:

或者把图片数据放在CSS文件里面定义,比如:

.imageA {

   background-image: url(data:image/jpg;base64, xxxxxxxxxxxxxxxx);

}

注意:移动端不建议用src="data:image...",性能非常不好。

合并JS和CSS文件

现在很多在线工具可以使JS或者CSS文件的压缩,合并。只不过,合并后文件大小如何,需要自己权衡利弊。如果只为减少HTTP请求,而合成体积庞大的JS或CSS文件,导致白板或者页面卡顿就得不偿失了。

小贴士:

HTTP 1.1默认在request header里面开启gzip。

使用gzip编码来压缩HTTP响应包,由此可以减少网络响应时间。

例子:Accept-Encoding:gzip,

(2)生成静态页面 

我们可以在服务器上修改.htaccess文件,设置相应的rul规则,并利用一些php设置,生成相应的html缓存页面。完成后加载时间最多可减少20%。 通常,您的托管服务提供商的技术支持团队可以为您做到这一点。

原创声明:本站文章未经许可请勿擅自转载,如需转载请注明出处<郑州网络公司>

案例展示