当前位置:首页 » HTML/CSS

电子商务网站的优化

2017-06-18 16:22 本站整理 浏览(3)

 

为了提高电商网站的用户体验,近期一直在做这块,将心得总结下

总结方面

1、cdn方面

a、开启免费的cdn,将图片缓存起来;

 

2、nginx优化

a、文件和应用分开服务器部署,至少分开域名访问;

b、打开nginx的gzip,主要gzip的压缩等级,我用了等级6;

c、nginx对于静态文件,增加缓存时间,比如图片文件,可以缓存1周,css或者js,可以考虑缓存1天;

 

3、java后端优化

a、对于首页进行缓存,我的策略是5分钟缓存一次;

b、尽可能减少数据连接;

 

4、前端优化

a、一定要用延迟加载,大家通常知道的是图片的延迟加载,还有一个就是js的延迟加载,使用settimeout来进行延迟加载;

b、尽可能将js、css合并到一个文件里面,可以考虑手工合并,如果文件比较多,可以考虑gulp之类的工具自动合并;

c、对于不必要的第三方统计、第三方客服,请使用js的延迟加载;

d、js文件,如果不是必要,请放到</body>之前,不要放在<head>里面

 

5、运营方面

a、第一个也轮播图大小一定要控制好,尽可能不要超过200K;

b、如果有可能,数据库服务器、应用服务器、web服务器全部分开;

c、如果预算有可能,请使用收费的cdn

 

6、工具方面,

a、gulp,前端打包工具,css、js合并,建议不要优化,貌似优化有问题,不确定我自己的问题还是gulp工具需要设置逻辑;

b、优化工具https://gtmetrix.com

c、优化测试好工具ngrok ,进行内外网的转换

d、免费cdn工具,目前用的jiasule,准备百度的

e、stackoverflow搜索好工具bird.so

 

后期准备的优化内容

1、准备搭建redist或memcached

2、使用service worker

3、使用appcache

4、使用H5的本地化存储;