gpt4 book ai didi

javascript - 处理包含许多脚本文件的页面

转载 作者:行者123 更新时间:2023-11-28 21:03:32 25 4
gpt4 key购买 nike

我们的项目包含许多页面,最多有 20 个选项卡,每个选项卡都使用不同的脚本。所有脚本文件均在<head>中引用。并在第一页加载时加载。现在我们遇到了性能问题,因为打开页面时加载了太多脚本(每个选项卡大约有 2k 行 JavaScript)。问题是,在很多情况下,用户需要使用 2-3 个选项卡,因此超过 60% 的代码未被使用。因此,我们需要任何脚本延迟加载解决方案来简化页面。由于每个选项卡的 HTML 都是按需加载的,因此我们可以输入 <script>每个选项卡中的引用文献将提供良好的工作解决方案。但我很确定 <head> 中没有包含引用文献是一种不好的风格。
所以我想知道,还有其他解决方案吗?像我们这样的大项目怎么解决这样的问题呢?任何建议都会有帮助。
提前致谢!

最佳答案

jQuery 对于这个解决方案有一个很棒的功能:

$.getScript("my_lovely_script.js", function(){


alert("Script loaded and executed.");
// here you can use anything you defined in the loaded script

});

默认情况下不缓存。我在 jQuery 网站上寻找了一个解决方案,它指出了此解决方案用于包含缓存脚本。

jQuery.cachedScript = function(url, options) {

// allow user to set any option except for dataType, cache, and url
options = $.extend(options || {}, {
dataType: "script", //Note this
cache: true, //Enable caching
url: url
});

// Use $.ajax() since it is more flexible than $.getScript
// Return the jqXHR object so we can chain callbacks
return jQuery.ajax(options);
};

// Usage
$.cachedScript("URL HERE").done(function(script, textStatus) {
console.log( textStatus );
});

关于javascript - 处理包含许多脚本文件的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10427480/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com