【问题标题】:How to reduce the Javascript chunk download size of a Reactjs UI?如何减少 Reactjs UI 的 Javascript 块下载大小?
【发布时间】:2022-12-08 04:15:31
【问题描述】:

如何减少 Reactjs UI 的 Javascript 块下载大小?

enter image description here示例截图

原因:为了让网页在慢速网络连接下加载得更快。

我优化了所有的 api 请求和组件渲染,使网页加载速度更快

【问题讨论】:

  • React 远不及这个大小。如果您获得超过 15 兆字节的资产,那是因为您自己包含了它们。可能是时候查看您的依赖关系以查找违规者了。但是这里没有足够的信息来猜测问题。
  • 我同意,这只是一个示例截图,因为出于安全原因我无法发布我公司的网页截图。在我的 Reactjs 页面中,我获得了 10.2mb 的 javascript 下载
  • 如果您不能分享更多信息,我认为我无法提供有意义的帮助。同样的评论适用,只需将15+ 更改为10+。 React 是几百 kb,我最后检查了一下。祝你好运

标签: javascript reactjs


【解决方案1】:

React 文档推荐代码拆分和使用 React懒惰的悬念对于这些情况。使用此方法,用户不会加载未使用的捆绑包部分。这是文档的链接:

https://reactjs.org/docs/code-splitting.html

希望有帮助!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-04-15
    • 2017-04-07
    • 2020-12-05
    • 2014-01-12
    • 2011-05-29
    • 2013-05-29
    • 2012-02-06
    • 1970-01-01
    相关资源
    最近更新 更多