JavaScript 是前端开发中最常用的语言之一，但是它也很容易成为网页性能瓶颈的罪魁祸首。在本文中，我们将探讨几种方法来缩小 JavaScript 代码并提高网页性能。
减少 HTTP 请求次数
HTTP 请求是加载网页时最昂贵的操作之一。每个请求都需要发送 DNS 查找、TCP 握手和 TLS 握手等步骤，这会延长页面加载时间。因此，减少 HTTP 请求次数是提高网页性能的一个关键因素。
// 合并前的多个文件 <script src="a.js"></script> <script src="b.js"></script> <script src="c.js"></script> // 合并后的单个文件 <script src="bundle.js"></script>
- 压缩 JavaScript 文件：压缩 JavaScript 文件可以去除空格、注释和不必要的字符，从而减小文件大小，并且可以加快下载速度。您可以使用工具如 UglifyJS 或 Terser 进行 JavaScript 文件压缩。
// 压缩前的代码
function add(x, y) {
return x + y;
}
// 压缩后的代码
function add(n,d){return n+d}- 使用 CDN：将 JavaScript 文件托管在内容分发网络（CDN）上可以减少 HTTP 请求次数。CDN 可以将文件缓存在多个服务器上，使用户可以从最近的服务器下载文件，从而加快下载速度。
减少 JavaScript 文件大小
如果您无法使用 CDN 或者合并 JavaScript 文件的大小仍然很大，则可以尝试缩小 JavaScript 文件的大小。以下是一些方法：
-- -------------------- ---- -------
-- ---------
-------- ------ -- -
-- ------- - --- -------- -- ------ - --- --------- -
------ ----
-
------ - - --
-
-- ---------
-------- ------ -- -
------ - - --
-- 使用 WebAssembly：WebAssembly 是一种可移植、高性能的二进制格式，可以在浏览器中高效地执行计算密集型任务。您可以使用工具如 emscripten 将 C/C++ 代码编译为 WebAssembly 格式。
-- -------------------- ---- -------
-- ---------- --
-------- ------ -
-- -- -- -- -
------ --
-
------ ----- - -- - ----- - ---
-
-- ----------- --
-------
----- ---- ------ ---- ------- ----
--- ------- ----
-------- ---------- ---
----- ---------- ---
----- --- ------- ----
------- ---------- -- ---------- ---
----- ---------- ---
----- --------
----- ---- -------- ---------- -- ---------- ----
----- ---- -------- ---------- -- ---------- -----------
- 使用模块加载器：模块加载器可以将 JavaScript 代码分成多个模块，每个模块都可以单独加载。这样可以
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24188