为了提高电商网站的用户体验,近期一直在做这块,将心得总结下
总结方面
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的本地化存储;