javascript - 是否有可能加载和执行外部脚本，而不阻塞主线程而不使用网络 worker (js)

Question

我想优化我的网站。当我什至尝试在页面加载后加载一些脚本时，它会阻塞主线程。开发工具的审核将显示更好的结果，但它仍然会阻塞主线程。

我找到了一种可以在不阻塞的情况下执行代码的方法:Web Workers，但是你无法访问 window 对象，这是一个问题，因为你只能执行一些不使用它的脚本。

有没有可用的方法加载并执行外部脚本而不阻塞主线程？

这是我的代码:

         import useScriptLoader from "@andreyradkevichasap/use-script-loader-hook";

         const { load } = useScriptLoader()

         Promise.all([
            load({
              src:
                'https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js'
            }),
            load({
              src: 'https://code.createjs.com/1.0.0/createjs.min.js'
            })
          ]).then(() => {
            const script = document.createElement('script')
            script.type = 'text/javascript'
            script.async = true
            script.innerHTML = 'some script'
            document.body.appendChild(script)
           })

Answer 1

异步运行代码不会阻塞主线程。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function