css和js多次加载的问题


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

浏览器 css JavaScript

春鸽慈父般的爱 9 years, 5 months ago

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

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

班普雷奥斯 answered 9 years, 5 months ago

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

堕落Saber answered 9 years, 5 months ago

Your Answer