问题是，你为 JavaScript 软件包添加了近 100KB 的内容，这不仅是一个巨大的文件，而且预示着巨大的解析和执行花费，以便能够支持旧版本的浏览器。
一种方法是创建两个独立的 bundle，并根据实际条件来加载它们。Babel 转换编译器在 babel-preset-env 的帮助下，会使同时面临新旧两种浏览器的情况更加容易处理。
一个并不规范但行之有效的方法，是将以下内容放在一个内联脚本中：
(function() {
try {
new Function('async () => {}')();
} catch (error) {
// create script tag pointing to legacy-bundle.js;
return;
}
// create script tag pointing to modern-bundle.js;;
})();
如果浏览器无法识别 async 函数，则会被认为是旧版本的浏览器，此时就会用到 polyfill 包。如果能识别，用户则将得到现代浏览器的处理。
结论
想要提高网站的运行速度，就需要确保网站能快速的加载 JavaScript 文件，以实现快速的互动。你的 JavaScript 代码应该被分成更小的、可管理的 bundle，同时尽可能地进行异步加载。在服务器端，请确保启用了 HTTP 2.0，以便实现更快的并行传输和 gzip/Brotli 压缩，从而大大减少了 JavaScript 的传输大小。
以上这篇基于JavaScript 性能优化技巧心得(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持黑区网络。