如何缩小 JavaScript：推荐的工具和方法

Khandaker20

正如您所看到的，第二个代码块更加简洁和紧凑。这意味着它将更快地加载和渲染，从而减少页面加载时间并加快内容速度。 在这里，我们将 529 字节减少到 324 字节，获得了 205 字节的可用空间，并将页面负载减少了近 40%。 这就像把一本 529 页的书压缩成一本 324 页的书。当然，人类阅读它会很困难，但机器可以毫无问题地浏览它。 当您将多个 JavaScript 文件链接到单个缩小文件中时，缩小代码会减少对服务器的 HTTP 请求数量。这也减少了站点的带宽消耗。此外，代码精简可以减少脚本的执行时间。这些都是减少首字节时间 (TTFB)的因素。 为什么要缩小 JavaScript 代码？ 在编写原始代码时，大多数男性和女性开发人员主要关注完成任务。多种方式缩小 JavaScript 代码。这些方法中的每一种都有与其他方法不同的方法。 手动缩小大型 JavaScript 文件中的所有代码几乎是不可能的。

这样做时，他们倾向于使用大量注释、间距和变量，以使代码对于将来 电话号码清单 处理代码的人来说更具可读性。 尽管 JavaScript 是一种很棒的编程语言，但它也会影响网页并减慢网页速度。为了节省空间并提高页面加载速度，您需要缩小 JavaScript 代码。 JavaScript 代码的缩小版本可以将文件大小减少多达 30-90%。因此，JavaScript 缩小已成为任何从事开发工作的人熟悉的习惯。 每个开发JavaScript 库（Angular、Bootstrap 等）的专业人士都会提供用于生产部署的缩小版本的 JavaScript。每个都展来表明这一点。 JavaScript 代码精简的好处 以下是使用 JavaScript 缩小后您将获得的好处的简要描述： 减少页面加载时间 降低网站的带宽消耗 更少的脚本执行时间 服务器上的HTTP 请求更少（负载更轻） 防盗保护（缩小版本难以读取和窃取以供重复使用） JavaScript 缩小、丑化和压缩之间的区别 JavaScript 缩小、丑化和压缩的功能相似。




然而，它们有不同的目的。 JavaScript 压缩会重写代码，使其对人类来说可读性较差。该过程会删除空格、句点、逗号和注释，同时重命名内联变量和函数以使代码难以阅读。 JavaScript 有一个名为 UglifyJS 的库，可以自动“丑化”代码。它提高了性能并降低了可读性，使代码安全并减少对窃贼的吸引力。 压缩不同于缩小或丑化。它使用GZIP 等压缩算法以二进制格式重写代码，使其更小且加载速度更快。 虽然缩小意味着减少空格和注释，但完全丑化代码会通过更改函数名称、变量名称等将其变成不可读的格式。压缩会以二进制形式重写代码以减小文件大小。 缩小和压缩都是可逆的，这意味着您可以将代码恢复到原始形式，而丑化是不可逆的。 如何缩小 JavaScript 代码 您可以通过在线有许多 JavaScript 缩小工具可以压缩您的代码。几乎所有在线 JavaScript 缩小工具都遵循类似的缩小过程。 首先，复制并粘贴 JavaScript 源代码或将源代码文件上传到该工具。然后，如果选项可用，则根据您的要求微调缩小工具设置以获得特定输出。