浏览器文件加载相关问题

下面是我做的一个小测试:

clipboard.png

同一个js文件使用了三种不同的加载方式,加载时间不同。

问题:
1、携带版本号的文件与不带版本号的文件在加载过程中是重新加载了一遍吗?还是其他情况?有什么不同?
2、很明显在iframe中的带版本号的加载要快,这是为什么?

阅读 2.1k
1 个回答
  1. 带版本号的会被认为是新的文件,会再次加载,以前常用于强制更新,不过现在通常使用文件hash的方法更改引用路径。
  2. 我觉得这里加载事件其实并不一定,很大因素取决于你的网络情况和你的引用地址服务器的情况
    我以cdn的jq做了一个实验

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

基本可以总结一下

  1. 同时请求的两个文件一般来说第二个会下载耗时更长,可能是因为浏览器的并发问题。
  2. iframe内的请求时间较短,个人理解是当前域名请求同一个远端服务器,浏览器或网路或远端服务器会存在一定优化,例如缓存记忆等,下面两图为仅有iframe加载资源的情况。

clipboard.png

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题