京喜平台优化方案
1.背景
管理端后端系统当前普遍都不会太关注用户体验。
但京喜平台系统的定位还是有别于其他系统，随为后台系统，但依旧是给客户去使用，并且作为京东HR无界赋能的重磅产品，我们依旧要展现一下前端的作用，会多一些方面进行专项优化。
2.优化方案
网络优化
用户体验优化
3.网络优化
减小资源大小
使用svg来替换掉png或者jpg图片。
（jq，css已经进行了压缩。可发挥空间不大）
图片服务器图片采用webp格式。
图片采取懒加载策略
减少页面渲染前的资源加载时间
1.针对如jq，seajs等框架类js进行缓存，使用PWA，或者使用localstorage进行缓存
2.针对A页面针对B页面资源的预加载。
如列表页打开时，会提前加载下载详情页的js。（prerender）
3.如果能确定下个页面的话，可以进行预渲染技术（prerender）
4.操作体验优化
骨架首出页面加载模式。
尤其针对列表或者全部加载的页面。
4.操作体验优化
加载效果
列表或者其他内容如果未加载出来数据之前，在保证骨骼基础上要存在加载效果，杜绝白屏。
4.操作体验优化
hover效果
因为涉及以及交互不会提供这些细节内容的操作方式，所以我们需要自己添加一些效果，让用户感知到咱们网站不是死的，是在跟他们对话。
4.操作体验优化
页面局部刷新
因为很多项目中有些页面，功能变化区域只有整体页面的一部分，所以我们采用html局部刷新，js逻辑单独分割的方式来屏蔽多个功能逻辑荣誉问题。
5.虚拟服务开发
计划采用本地服务的方式开发。
因研发侧提供接口，但并未部署到环境，所以我们计划采用爬虫，把所有提供的接口文档全部生成，并且创建一个服务端代码，然后直接运行就可以跑起来，对于我们开发可以直接调用服务器来开发，这样就无需手动添加多个不同的json名称url了后续直接切换host即可达到联调切换的目的。
京喜平台优化方案
By codesniper
