Vue.js网站:极端能源消耗-如何找到罪魁祸首



我已经构建了一个相当大的Vue.js应用程序(比如>80.Vue组件(。我的用户抱怨他们的手机电池耗尽,safari抛出了一个"这个网页正在消耗大量能源…"的通知。

我怎么可能知道发生了什么?我试着玩Chrome和Lighthouse的性能标签,但没有真正发现任何东西。

以下是我觉得可能会产生不良影响的几件事:

  • 我有很多观察者在关注vuex状态,因为在组件上下传递信息是一项愚蠢的工作。这导致了一个巨大的store.js文件,其中包含大量的变量,这些变量在我的应用程序中都有使用。

  • 我也经常使用计算属性

  • 我有几个事件监听器,用于调整窗口的大小等事件

我有很多观察者在关注vuex状态,因为向上传递信息和向下组件。这导致了一个巨大的store.js文件,其中包含大量在我的应用程序中使用的变量

为什么要使用观测站进行vuex状态?事实上,存储在vuex存储中的信息已经对组件做出了反应,因此不需要使用观测器。

我也经常使用计算属性

计算的属性对于系统来说非常繁重,应该谨慎使用,最重要的是,只能在绝对必要的情况下使用。

我有几个事件监听器,用于调整窗口大小等事件

确保在组件销毁后删除事件侦听器

相关内容

  • 没有找到相关文章

最新更新