问候！我是一名具有超过3年商业经验的JavaScript工程师，最近我遇到了一个项目的eack项目。该项目的移动版本在灯塔上表现不佳，而计算机版本正常运行。我已经以自己的身份优化了所有内容，但是，灯塔仍在显示出“减少未使用的JavaScript” 的错误。我不确定如何解决此错误，尽管我看到了几个具有良好优化和速度的项目，但它们都有相同的警告。但是，当我的团队领导指示我“做某事” 时，我尝试了两个动作，并设法提高了绩效+20分。

超过一个

该项目利用 GSAP 和 3JS 用于3D模型。最初，该站点的移动版本已删除了所有3D型号，而某些3D库仍在加载。这是主要问题。为了解决这个问题，我创建了两个类似的组件 - 一个用于计算机版本，另一个用于移动版本。计算机版本的组件为3D和3D型号加载库，而组件的移动版本没有加载库和3D型号。我们的移动版本使用静态JSX而不是桌面版本的3D型号。如果用户具有屏幕尺寸为768或以下的移动设备，则显示我们组件的简单版本，而显示3D的完整版本则显示大于768的屏幕。第一个屏幕在更改后显示了结果，并且第二个显示结果。

需要更多图书馆的图书馆

此外，我更换了小型库 React Intettersection-Observer ，我们的项目使用了简单的自定义挂钩，这有助于将我的性能得分提高+10点。我之所以这样做，是因为我不知道如何提高灯塔的性能，而我竭尽所能提高得分。结果在下一个屏幕上。

结论

创建组件的两个版本很重要 - 适用于计算机版本，如果您有一些仅在计算机版本上使用的库而不是移动版本上的库，则可以简化移动版本。另外，如果可以自己做，请不要使用额外的库。

现在就全部。如果您有任何命题或想法，或者只是想说“你好” ，请随时在linkedin.com上写信给我。