css和js多次加载的问题


我的主页index.html文件,里面用到了很多css和javascript
index.html里面用iframe引入了div.html文件,这个文件里面也加载了和index.html里面一样的css和javascript文件
我希望浏览器加载过css和js文件后,不要再重复加载,因为我有很多div文件(一个功能一个,通过更改src来进行切换)
目前因为css和js文件老是重复加载导致页面进入很慢
大家有什么好方法吗?

浏览器 css JavaScript

春鸽慈父般的爱 10 years, 10 months ago

首先。主页面和你页面嵌套的 iframe 的执行域是不同的。 iframe 里面的你可以看着是一个新的浏览器 tba 页。所以当你在 iframe 中加载一个页面时即使该资源已经被加载了。那么也会再次加载的,只是这次是从缓存加载的而已。

如果你的子页面和父页面用的是一样的 css js 那么直接做成用户控件不是更好么。每个页面引用就行了。

班普雷奥斯 answered 10 years, 10 months ago

如果加载的地址是同一个文件,那么浏览器是不会重复下载的,所以你可以放心。
如果被加载的文件是那些通用的库文件比如jquery等等,你可以使用公用CDN上的文件,这样可以更节省加载时间,因为这些CDN上的文件很多网站在用,浏览器很可能已经下载过了。

堕落Saber answered 10 years, 10 months ago

Your Answer