首先作为知识储备需要理一下,性能损耗可能遇到的问题
- 比如大列表的渲染,大量dom的渲染;
- 大量图片的加载,过多资源的请求,资源体积是否过大,;
- 代码中有没有耗时的计算操作,或则大量循环.递归
- 编写的组件过于庞大 层级过深,依赖模块过多等.
思路考虑:
基本的优化思路:未对照上面的顺序
先从网络加载静态资源上层面 减少请求数,gizp压缩请求资源的体积,
过大的第三方库能不能换成轻量级的,或者考虑分包后按需加载,
页面能否按路由 懒加载,
代码中有没有很耗时的操作循环和递归,
过多的分支条件语句,
能不能改写以提高执行效率,
简化复杂的组件逻辑,减少不必要的依赖,
是否有杀鸡用了牛刀的操作等