gpt4 book ai didi

javascript - 通过包装和减少执行语句来提高 Javascript 性能

转载 作者:行者123 更新时间:2023-12-03 08:35:46 26 4
gpt4 key购买 nike

我正在做一个网站。许多页面依赖于 Javascript。目前,我有各个页面的单独 Javascript 文件(许多文件非常大)。以下是特定页面的单个 Javascript 文件的示例(假设此页面有 <body id="page_1"> ):

$('#id_1').click(function(e) {
...
});
$('#id_2').click(function(e) {
...
});
....
$('#id_N').click(function(e) {
...
});
...
//there can be many functions like this one
function abc() {
}

为了提高网站性能,我将把所有这些单独的 Javascript 文件合并到一个文件中。在此之前,我将通过以下方式包装每个 Javascript 文件,使其仅适用于其目标页面(添加 IF 语句):

if ($('#page_1').length > 0) {

$('#id_1').click(function(e) {
...
});
$('#id_2').click(function(e) {
...
});
....
$('#id_N').click(function(e) {
...
});
...
//there can be many functions like this one
function abc() {
}
}

我认为对于组合的 Javascript 文件来说,这可以通过三种方式提供帮助:

  1. 减少与其他单独 Javascript 文件的潜在冲突
  2. 减少影响其他页面上的 html 元素的可能性
  3. 提高处理组合 Javascript 文件的速度,因为浏览器不必执行许多不适用于页面的语句。

我在这些方面是对的吗?希望听到专家的意见,以便我能够做正确的事情。

感谢和问候。

最佳答案

#1 和#2 取决于您的代码,但是关于#3,加载速度会略有提高,是的。不过非常非常小,因为查找选择器的速度非常快,如果选择器不匹配任何内容,则应用到它的所有函数都不会执行。

关于javascript - 通过包装和减少执行语句来提高 Javascript 性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33223844/

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