我正在构建一个iFrame
供第三方使用。现在,对于iFrame
,我需要一些供应商文件,例如jQuery, jQuery-UI, jQuery-validate, font-awesome
。这延长了装载过程。加快加载的解决方案是什么?
我想到的一些解决方案是:
1)很可能客户端已经加载了一些。如果我可以使用它们,可以缩短加载时间。但我尝试这样做却没有成功。
2)在使用我的iFrame
之前,客户可能会浏览客户端网站。如果我可以利用这段时间下载文件然后将它们注入iFrame
,那么它可能会缩短时间延迟。
我的方法:
我将jQuery
文件添加到head
的{{1}},如下所示:
iFrame
但是,当服务器呈现var s = document.createElement("script");
s.type = "text/javascript";
s.src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery.selectboxit/3.8.0/jquery.selectBoxIt.min.js';
$('#pg-iframe').contents().find("head").append(s);
页面时,头标记将被呈现页面的头标记替换。因此,我需要在html页面中使用iFrame
标记,从而以多次下载结束。
我是在想正确的方法还是搞砸了。得到一些反馈可能会很棒。