为了账号安全,请及时绑定邮箱和手机立即绑定

浏览器文件加载相关问题

浏览器文件加载相关问题

慕姐8265434 2019-01-31 22:19:55
下面是我做的一个小测试:同一个js文件使用了三种不同的加载方式,加载时间不同。问题:1、携带版本号的文件与不带版本号的文件在加载过程中是重新加载了一遍吗?还是其他情况?有什么不同?2、很明显在iframe中的带版本号的加载要快,这是为什么?
查看完整描述

1 回答

?
holdtom

TA贡献1805条经验 获得超10个赞

  1. 带版本号的会被认为是新的文件,会再次加载,以前常用于强制更新,不过现在通常使用文件hash的方法更改引用路径。

  2. 我觉得这里加载事件其实并不一定,很大因素取决于你的网络情况和你的引用地址服务器的情况
    我以cdn的jq做了一个实验

https://img1.sycdn.imooc.com//5c5523cf0001372208000143.jpg

https://img1.sycdn.imooc.com//5c5523d00001f69808000132.jpg

https://img1.sycdn.imooc.com//5c5523d10001b96d08000140.jpg

https://img1.sycdn.imooc.com//5c5523d20001da6608000136.jpg

https://img1.sycdn.imooc.com//5c5523d30001246208000134.jpg

基本可以总结一下

  1. 同时请求的两个文件一般来说第二个会下载耗时更长,可能是因为浏览器的并发问题。

  2. iframe内的请求时间较短,个人理解是当前域名请求同一个远端服务器,浏览器或网路或远端服务器会存在一定优化,例如缓存记忆等,下面两图为仅有iframe加载资源的情况。

https://img1.sycdn.imooc.com//5c5523e60001f93808000106.jpg

https://img1.sycdn.imooc.com//5c5523d60001060308000106.jpg

https://img1.sycdn.imooc.com//5c5523d60001f93808000106.jpg


查看完整回答
反对 回复 2019-02-02
  • 1 回答
  • 0 关注
  • 358 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信