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

2019-07-28

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

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

尽可能降低页面加载时间

来自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%。 通常,您的托管服务提供商的技术支持团队可以为您做到这一点。

  • 上一篇:如何有效提高网页转化率?(三)
  • 下一篇:如何有效提高网页转化率?(二)
  • 新闻中心
    网站改版不要盲目(网站改版:合…

    本文将探讨如何在网站改版过程中避免盲目行动,通过合理规划和有序实施来解决企业面临的问题和挑战。

    如何制作适应不同手机尺寸的网…

    同样的内容,要在大小迥异的手机屏幕上,都呈现出满意的效果,并不是一件容易的事。 于是,网页设计师不得不…

    使用者体验对网页设计影响比较…

    网页设计不只是单纯华丽的界面,使用者体验也很重要 网页设计不是单纯把界面设计的很华丽,代码写一写就可以…

    三种网页开发语言的不同之处

    一、网页开发大势所趋随着wifi的全面普及应用,现在的互联网已经可以称为移动互联网,大家不仅可以在电脑上…

    客户评价