前端项目如何找出性能瓶颈

本文探讨了Web开发中如何通过减少网络请求、优化资源加载、代码效率提升等方式来改善性能。涵盖了大列表渲染、DOM操作、图片加载、计算密集型任务等方面,并提供了从网络、代码结构到组件简化的一站式优化策略。
摘要由CSDN通过智能技术生成

 首先作为知识储备需要理一下,性能损耗可能遇到的问题
 

  1.  比如大列表的渲染,大量dom的渲染;
  2.  大量图片的加载,过多资源的请求,资源体积是否过大,;
  3. 代码中有没有耗时的计算操作,或则大量循环.递归
  4. 编写的组件过于庞大 层级过深,依赖模块过多等.

     

 思路考虑:
基本的优化思路:未对照上面的顺序
先从网络加载静态资源上层面   减少请求数,gizp压缩请求资源的体积,
过大的第三方库能不能换成轻量级的,或者考虑分包后按需加载,
页面能否按路由 懒加载,
代码中有没有很耗时的操作循环和递归,
过多的分支条件语句,
能不能改写以提高执行效率,
简化复杂的组件逻辑,减少不必要的依赖,
是否有杀鸡用了牛刀的操作等

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值