Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 性能非常差_Reactjs_Webpack_Create React App - Fatal编程技术网

Reactjs 性能非常差

Reactjs 性能非常差,reactjs,webpack,create-react-app,Reactjs,Webpack,Create React App,我在Reactjs上有一个web应用程序,即使在生产构建中,它的性能也非常低 什么能帮助我提高绩效?我该怎么做才能让表现如此低落呢 如果您非常关心性能,可能是一个不错的选择。此外,如果它只是一个没有复杂状态管理要求的网站,只需将其构建为一个静态HTML网站即可。:) 您可以通过查看快照来改进应用程序性能 将NODE_ENV设置为production内置 在服务器计算机上使用enable gzip压缩 use还可以使用cdn来服务器静态文件(js、css、图像等) 使用摇树法。如果您正在使用w

我在Reactjs上有一个web应用程序,即使在生产构建中,它的性能也非常低

什么能帮助我提高绩效?我该怎么做才能让表现如此低落呢



如果您非常关心性能,
可能是一个不错的选择。此外,如果它只是一个没有复杂状态管理要求的网站,只需将其构建为一个静态HTML网站即可。:)

您可以通过查看快照来改进应用程序性能

  • NODE_ENV
    设置为
    production
    内置
  • 在服务器计算机上使用enable gzip压缩
  • use还可以使用
    cdn
    来服务器静态文件(js、css、图像等)
  • 使用摇树法。如果您正在使用webpack,请在生产模式下运行它
  • 用于删除死css
  • 对图像使用延迟加载
  • 使用代码拆分来减少捆绑包的大小
  • 延迟脚本
  • 也可以使用precache

  • 在您发布的图像中,有一个列表列出了您可以在opportunities下提高分数的方法。可能有人已经使用了Reactjs库中的某些方法来提高性能,如果您使用express server压缩文件,则有一些使用“压缩”的建议。React waypoint是一个很好的工具,当您滚动到itA时,它可以帮助您加载内容。这些内容中的许多与React无关,而与您如何向最终用户提供应用程序有关。“启用文本压缩”是在服务器上完成的,“以下一代格式提供图像”意味着对图像使用webp,而不是JPEG(可能还有PNG)。我只是认为这是非常糟糕的性能,也许我可以从我的应用程序中做些什么?我需要
    SPA
    应用程序,盖茨比几乎不适合meGatsby=React+Extras(包括性能优化)。您可以将其视为创建React应用程序的初始替代方案,默认情况下,React应用程序还可以执行SSR和其他酷炫功能。你可以用盖茨比建立一个完全动态的水疗应用程序。更多信息请参见:这就是我推荐它的原因,但是嘿,你的应用程序你的规则:)