我有一个要在线和离线使用的网站。我想减少加载时间,所以我缩小了加载缓慢的脚本。效果不佳。在本地,某些脚本的加载需要4到6秒钟。
我知道从外部链接脚本会极大地提高它的速度。我已经尝试过了,而且效果很好。但是某些用户将无法访问互联网。有没有一种方法可以将一组脚本链接到外部站点,如果没有Internet访问,则可以将它们链接到本地?
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="ui/jquery-ui.min.js" type="text/javascript"></script>
您可以执行与此答案类似的操作。基本上,您的想法是您尝试为jQuery加载基于Internet的脚本。之后,您执行一个常规脚本,在其中检查是否jQuery === undefined
。如果是这样,则要加载本地副本。
基本上,是您要执行的操作的一个示例:
<script src="[jQueryURL]" type="text/javascript"></script>
<script src="[dataTablesURL]" type="text/javascript"></script>
<script src="[jQueryUIURL]" type="text/javascript"></script>
<script type="text/javascript">
if(jQuery === undefined) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "js/jquery-1.9.1.min.js";
document.getElementsByTagName('head')[0].appendChild(script);
//repeat for other two scripts here
}
</script>
将会发生的事情是它将尝试加载有问题的脚本,然后将检查是否定义了jQuery。如果不是,则表示脚本未加载,因此您要加载本地版本并将其附加到标头中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句