您可以在打开文档前将静态资源（HTML、CSS、JS、字体）预加载到浏览器缓存中，以加快文档编辑器首次加载的速度。

预加载有两种方式。

选项 1：使用 ?preload=placeholder 参数

将?preload=placeholder参数附加到api.js的 URL 中：

<div id="placeholder"></div>
<script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js?preload=placeholder"></script>

其中，documentserver是安装了KLINOFFICE 文档的服务器名称。

在此种情况下，除了创建KlinDocsAPI.DocEditor之外，DOM 中还会自动插入一个隐藏的<iframe>（其id="placeholder"），该 iframe 会在后台加载编辑器的静态资源。

选项 2：手动插入预加载 iframe

另一种方法是，您可以手动插入一个指向预加载页面的隐藏<iframe>：

<iframe src="https://documentserver/web-apps/apps/api/documents/preload.html" style="display:none;"></iframe>

其中，documentserver是安装了 KLINOFFICE 文档的服务器名称。

如果您需要为 iframe 设置额外的安全参数，或使用 nonce 将其插入 DOM，建议使用此方法。

使用<iframe>来进行预加载，而不是<link rel="prefetch">。编辑器的静态资源（脚本、样式、字体）会在 iframe 的上下文中加载，而<link rel="prefetch">则无法正确触发静态资源的加载或缓存。