技术分享


网站用户体验优化 

网站用户体验分为很多种,页面色彩,网站结构、页面内容、功能布局,代码优化、吸引点击、引导性链接、网站速度等等,在这我们针对以建好的网站来讲解,如何优化网站,提升网站用户体验度。

在这我们推荐两个优化工具

https://gtmetrix.com/

https://tools.pingdom.com

工具的功能很多就不多介绍了,基本能分析你的网站所有性能问题。快来拿你的网站进行测试吧~

 

下面我们拿两个网站来做分析对比:

1.Edelkrone是一家专业的摄影器材公司,从他的网站设计到用户体验都是非常专业,包括他们的营销推广效果都是非常不错的。


左测是developers.google.com的数据测试,基本很少有达到70%的,连Google网站也不是完全的,所以不用过多理会。
右测我们可以Edelkrone的整站大小在1.56MB,相当于手机拍摄一张图片的大小,那么他的打开速度肯定是非常快速的,下面我们介绍如何做到,来提升你的网站优化。

上面是一个未经过优化的网站,大部份网站主都会有的情况,从图可看出网站首页打开有55MB,我的网速是200M,所以打开速度还算快,一般普通家庭10M宽带连接大概是512Kb,所有网站大小因保持在3M以下,如果你的市场在全球那么建议你根据你的市场来选择空间或服务器与空间带宽,一般空间服务商下载限制带宽在1M=1024KB,所以你的市场在海外网站比较大,建议2M以上带宽,根据你网站来选择。据统计一个人们打开网页的等待时间的心理极限为5秒钟,如果超过这个时间,80%的人会关掉这个网站。
 

 

下面我们来分析上面网站为何有50M,进入网站我们首先看到的是他的banner,右键保存查看一下发现他的banner居然有5MB多,相当别人几个网站了。其它产品更是完全没有压缩优化,直接是手机和相机图片直接上传,基本上很多图片都是几MB,别说用户进来体验,连点击都没进来,就可能直接关闭了,更别说拿去做广告营销,那肯定是完全浪费钱的,好在他用的是阿里服务器,美国云空间。基本上要显示所有内容也得花个一分多种,加上空间限制下载速度,网站在快也行不通。所以大家可以看出网站建设公司专不专业的重要性。

 
Banner-大小:5.38MB



下面是摄影公司的高清图片,放大几倍都是没问题的,总大小才75.8KB,网站放个十张都不会超过1MB=1024KB


Banner-大小:75.8KB

如何优化网站图片-不失像素-点击教程《《
 



苹果apple官网图片优化

相信大家都上过苹果apple官网,网站上基本都是非常高清漂亮的图片,那么你知道他的图片而且优化的很少吗?

下图可看出他的图片清晰度与大小

 

51.2KB

61KB
77.5KB

高清BN-446KB   放大几倍都是非常清楚的


下面就是我们的代码与服务器方面优化了,在这就不过多介绍了,估计很多也不太懂代码,也一会不能介绍完的,你可以通过教程,或者找专业建站公司解决吧。

标签: 为什么, 我的, 网站, 打开, 速度慢, 用户, 体验,

nuorw