gpt4 book ai didi

javascript - 如果 Javascript 代码块不在 HTML 文件的末尾,而是使用 jQuery 的 $(document).ready(function() {...}),它会减慢页面显示速度吗?

转载 作者:行者123 更新时间:2023-11-29 15:05:40 25 4
gpt4 key购买 nike

据说Javascript代码应该全部放在HTML文件的末尾,让页面内容先显示出来,让用户看到一些东西(让用户看到一些东西就满意,而不是再等12秒,例如)。

但是为了更好地封装HTML并匹配Javascript代码,比如“图像轮播”,通常HTML和Javascript放在一个文件中,所以Javascript代码块都与HTML代码混合在最后HTML 文件。

但是如果所有这些 Javascript 代码块都使用 jQuery 的 $(document).ready(function() { ... }) 来执行任务,那么页面显示会不会非常也快?我认为不如将 Javascript 实际放置在 HTML 文件末尾时快,但足够接近了,因为它只是向就绪事件队列添加了一个函数。

最佳答案

我认为重点是将 js 放在页面底部(通常就在结束 </body> 标记内),以便在 下载 时显示页面内容.

如果您将 jQuery 代码分散在整个 HTML 中,分别放在 .ready() 中调用,那么无论如何,它都不会运行,直到 <body>已满载。所以问题是您在 HTML 中有多少 javascript?

如果有很多,那么它会减慢每个脚本之后的任何内容的显示速度。如果它是相对少量的代码,那么它可能不会产生太大的差异。

如果尽快显示页面内容对您来说真的很重要,那么将所有脚本放在内容之后。

我个人不会为了关联而将 JavaScript 与 HTML 混合使用。如果您开始删除/附加恰好包含脚本的内容,您可能会得到意想不到的结果。我宁愿使用适当命名的类和 ID,以及大量代码注释。

还要记住那些 .ready()直到 jQuery 才能调用已加载,这意味着它需要位于页面顶部,或者至少在您第一次调用之前。

因此又回到了哪个对您更重要的问题。如果你想让内容尽快可见,把所有的js都放在底部。如果你想要混合 js 和 HTML 的方法,你将在显示页面时有一些延迟。

关于javascript - 如果 Javascript 代码块不在 HTML 文件的末尾,而是使用 jQuery 的 $(document).ready(function() {...}),它会减慢页面显示速度吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3294885/

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