为什么我的应用程序在台式机上的性能很好，但是使用ReactJs却在手机上弄乱了？

Question

有人要求我为他的体育俱乐部创建一个网站，我决定尝试在ReactJs中创建此网页。

https://complexbjj-2a19b.firebaseapp.com/这是结果，看起来很漂亮，在桌面上运行良好。

这是明智的布局方式。

因此，我非常高兴，直到我决定为生产进行构建和部署。可悲的是，我发现该网页根本没有针对手机进行优化，而是留有随机的空白。

我尝试分配东西，更改为PureComponents，使用React.memo ..等，等等。

似乎没有什么帮助，所以现在我经过几个小时试图用头发解决问题的解决方案。

有人知道是什么原因引起的吗？

Answer 1

如果您的计算机上安装了Google Chrome浏览器，则可以尝试在检查器的Audits选项卡（这里为doc）中审核您的应用。这可以帮助您发现可能的改进。