我有一个Google表格的独立脚本。我使用第三方库,如Bootstrap,moment.js和其他几个。我使用模态对话框来显示内容。
在开发的初始阶段,我使用CDN从网上获取它们。但是,在发布脚本之前,我意识到它取决于外部资源,如果有什么东西已经改变,它将停止工作。
我知道Google提供Hosted Libraries的可靠来源我从中使用jQuery。但是,我使用的其他人不在那里。
此时我想出了将缩小的内容添加到单独的* .html文件中的方法。例如
bootstrap.min.js.html -> <script type="text/javascript"> MINIFIED BOOTSTRAP </script>
然后将其包含在我的主页
中<?!= methodToInclude('bootstrap.min.js'); ?>
它可以工作,但是当加载主页面时,脚本的性能显着下降,并且它的效果不佳。
是否有其他可靠的方法在您的脚本项目中包含第三方库?
答案 0 :(得分:1)
对methodToInlude()的每次调用都会引入自己的延迟,最多延迟一两秒。不要对每个库使用一个调用,而是尝试重构以对所有库使用单个调用,这应该与调用单个库的速度大致相同。
EG:<?!= includeJSLibraries(); ?>
回归:
<script type="text/javascript"> MINIFIED BOOTSTRAP </script>
<script type="text/javascript"> MINIFIED MOMENT </script>
<script type="text/javascript"> MINIFIED ETC. </script>
注意我没有亲自使用过这个解决方案,因为我的界面中没有使用很多JS库,而且当我这样做时,它们通常都是Google Hosted。