为每个html页面使用单独的javascript文件?

为每个html页面使用单独的javascript文件?,javascript,jquery,html,caching,browser,Javascript,Jquery,Html,Caching,Browser,通常,主页的Java脚本比其他页面重。例如,我们将jQuery幻灯片放在主页面中,其他页面中不使用。是否有必要为主页面和单个页面创建不同的脚本,以便只包含在action JavaScript文件中 或者在第一页上读取的所有javascript文件都将被缓存以浏览网站,并且在加载单个页面时,浏览器不会读取幻灯片的javascript 这个问题的另一种形式是:如果我在每个单独的页面上放置幻灯片,浏览器会每次加载幻灯片javascript文件,还是会从缓存中读取(保存在访问者的计算机上)?所有浏览器都

通常,主页的Java脚本比其他页面重。例如,我们将jQuery幻灯片放在主页面中,其他页面中不使用。是否有必要为主页面和单个页面创建不同的脚本,以便只包含在action JavaScript文件中

或者在第一页上读取的所有javascript文件都将被缓存以浏览网站,并且在加载单个页面时,浏览器不会读取幻灯片的javascript


这个问题的另一种形式是:如果我在每个单独的页面上放置幻灯片,浏览器会每次加载幻灯片javascript文件,还是会从缓存中读取(保存在访问者的计算机上)?

所有浏览器都会缓存javascript文件,因此您不应该为子页面创建不同的版本


但是,如果您有非常大的JS文件,那么只包含您实际需要的文件当然是合理的。

所有文件都会根据文件路径缓存在浏览器中

如果您包含一个页面中的javascript,则该文件将被缓存,并且在您浏览其他页面时不会再次下载该文件


除非你愿意;)

正如florian h所说,大多数浏览器都会缓存内容(除非使用开发工具)

如果只在一个页面上使用幻灯片javascript,我建议将其放在单独的文件中。这有一个缺点,通常http请求在加载文件时花费的时间最长

因此,如果您有一个1mb的javascript文件,并且您需要大多数页面上的所有javascript,那么最好使用4个较小的文件,每个文件大小为250kb。因为您的浏览器需要执行4个单独的请求


当然,这可能是几毫秒的性能利润差异,所以您可能希望选择在单独的文件中执行,以提高可维护性。

是的,js文件将被缓存(如果没有其他说明)

但是,js文件必须经过处理,并且可能包含您不需要的初始化逻辑。此外,加载外部js的每个脚本标记将阻止任何其他“http线程”,即图像、css文件。。。将停止加载,直到加载js文件,否则将同时加载多个并行资源

对于不同的页面,我会有不同的脚本


对于您的情况,这可能是一个问题,也可能不是。您应该对您的案例进行一些测试,看看是否存在性能问题。如果不方便的话,不为不同的页面使用不同的脚本可能会更好。

感谢您的澄清!我说的是100kb用于jQuery,其他jQuery插件可能会达到100kb。显然,jQuery应该出现在所有页面上。我正在考虑为所有插件制作一个自定义js文件。四个25kb的分区。值得拆分吗?在开发过程中,我会拆分,然后当脚本准备好用于生产环境时,我认为单个js文件是最好的。