动态加载Bootstrap会延迟一秒钟

Question

页面加载后，我将向页面动态注入引导程序，如下所示：

const bootstrapMinCssTag = document.createElement('link')
bootstrapMinCssTag.rel = 'stylesheet'
bootstrapMinCssTag.href = 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'
bootstrapMinCssTag.integrity = 'sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u'
bootstrapMinCssTag.crossOrigin = 'anonymous'
document.head.appendChild(bootstrapMinCssTag)

对于引导程序所需的其他依赖项（bootstrap.min.css和bootstrap.min.js），我正在做同样的事情。问题在于，在很短的时间内，引导程序没有加载。

之前：

之后：

在“之后”图片中，引导程序已加载。但是“之前”图片会瞬间出现，并且引人注目。

以下是重复页面加载以显示其操作的方法：https://media.giphy.com/media/7OVR6qrjFtiL4NpUpV/giphy.gif

如果我将引导程序直接导入到我的index.html文件中，则不会发生。

如何动态导入引导程序？