Categories
程式開發

14个 JavaScript 代码优化技巧


本文最初发布于Medium网站,经原作者授权由InfoQ中文站翻译并分享。

JavaScript已经成为有史以来最受欢迎的编程语言之一。根据W3Tech的数据,全世界将近96%的网站都在使用它。关于Web有一个关键的事实是,你无法控制访问网站的用户所用设备的硬件规格。最终用户访问你的网站时,使用的可能是高端设备也可能是低端设备,网络连接条件也有好有差。这意味着你必须尽可能优化自己的网站,以满足任何用户的需求。

这篇文章列举了一些技巧,可帮助你写出更好的JavaScript代码,从而提高性能。

附带提一下,请共享和重用你的JS组件,以在高质量代码(写起来需要花费时间)和合理的交付时间之间保持适当的平衡。你可以使用 Bit等流行工具将任何项目中的组件(普通JS、TS、React、Vue等)共享到Bit的组件中心,用不了多大功夫。

1、删除未使用的代码和功能

你的应用程序包含的代码越多,就需要将更多的数据传输到客户端。浏览器也需要更多时间来分析和解释代码。

有时,你可能打包了很多根本用不到的功能。最好只在开发环境中保留这些额外的代码,而不要将其推送到生产环境中,以免给客户端的浏览器增加负担。

要不断问自己,某个功能或代码段是否是必要的。

原文链接:【https://www.infoq.cn/article/MwyrfzDPdRpkzfbW7NwW】。未经作者许可,禁止转载。