“已定义但从未使用”变量会降低网站速度ReactJS吗？

Question

我已经发布了一个网站http://www.roadmapedia.com/，事实证明它非常缓慢。我确定大部分时间可能花费在加载我编写的javascript内容上。

这是我的事：我有20个不同的javascript文件，因为我正在使用React，并且有很多可重用的组件。我已经用html根目录中的脚本标签加载了整个语义ui react包。然后，如果我要从“ semantic-ui-react”中的某些JS文件中导入{Grid}，但毕竟从不使用Grid，这会给速度带来巨大的损失吗？

Answer 1

似乎您网站的大部分加载时间（〜75％）都花在了等待chunk.js文件下载上。我认为这是您的构建过程生成的某种捆绑。您可以检查Chrome的开发人员工具的网络标签，如下图所示，以了解这一点。可能值得研究您的主机，因为对于快速连接中的小文件而言，这是一个很大的加载时间。

您的构建工具可能只包含一次文件。也就是说，第一次包含它会稍微降低性能，此后将没有影响。如果您有更多要分享的细节，我很乐意进一步调查。