JavaScript档案器屏幕截图
我一直在做一个reactjs项目，在那里我在reactjs中构建光线跟踪器。该应用程序在开发服务器中运行良好(渲染一张图像需要0.3-0.7秒(。但一旦我创建了生产构建，时间就会急剧增加到5秒，有时会增加到10-12秒。我查看了JavaScript探查器，它说babel运行时调用vec3.js中的方法花费了大部分时间。如何优化速度。我已经附上了chrome-dev工具中JS探查器的屏幕截图。
当您提到开发服务器和生产构建时，我猜您正在使用Create React App。
生产构建中生成的代码与开发中生成的不同，这是因为它们针对不同的浏览器。
更多信息请点击此处：https://create-react-app.dev/docs/supported-browsers-features/
默认情况下，生成的项目包括浏览器列表配置在您的package.json文件中，针对基于生产版本的全局使用率(>0.2%(，以及发展这提供了良好的开发体验，尤其是在使用诸如async/await之类的语言功能，但仍然提供高与生产中的许多浏览器的兼容性。
一个在生产中与开发中具有相同性能的解决方案是更新package.json中的browserslist条目。
如果您在production中设置与在development中相同的值，您将具有相同的性能，但作为一个组件，您的代码可能不会在某些浏览器上运行。。。