css和js多次加载的问题

Question

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

Answer 1

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

Answer 2

首先。主页面和你页面嵌套的iframe的执行域是不同的。iframe里面的你可以看着是一个新的浏览器tba页。所以当你在iframe中加载一个页面时即使该资源已经被加载了。那么也会再次加载的，只是这次是从缓存加载的而已。如果你的子页面和父页面用的是一样的css和js那么直接做成用户控件不是更好么。每个页面引用就行了。