推荐个网站好吗_建设工程抗震应当坚持的原则_毛坯房最便宜装修方法_51素材网

第四章  无阻塞加载脚本

阻塞:大部分浏览器在下载或执行<script>标签内容时不会下载其他内容。浏览器是按顺序执行的,但不一定要按顺序下载脚本。

对于外部脚本,如果浏览器缓存中有,就从缓存中读取,否则发送HTTP请求获取。

解决阻塞:

(1)把所有的<script>中的代码内嵌在HTML页面中,这种方法不推荐使用。

(2)XHR Eval、XHR注入、Script in Iframe(iframe是页面中开销最高的DoM元素),这两个的缺点:通过XHR获取的脚本必须部署在和主页面相同的域下

(3)Script DOM Element、Script Defer、document.write Script Tag

Script DOM Element:允许跨域获取脚本,代码如:

var domsr=document.createElement('script');
domsr.src='1.js';
document.getElementsByTagName('head')[0].appendChild(domsr);

Script Defer:脚本中不包含对document.wirte的调用,且当前页面中没有其它脚本依赖它时,使用这个属性是安全的,只有IE和新浏览器支持这个defer属性。代码:

document.write Script Tag:只有在IE中是并行加载的,代码:

document.write("<script type='text/javascript' src='1.js'><\/script>");

浏览器忙时的指示器:状态栏、进度条、标签页图标、光标、阻塞渲染(差的用户体验)、阻塞onload事件,使用XHR Eval、XHR注入不会触发浏览器的忙指示器,忙指示器是否触发是由技术和浏览器来共同决定的。浏览器忙指示器的目的是让用户知道页面下面运行。

如果下载脚本是并行的,浏览器执行脚本是最先到达的最先执行。并不是按排列顺序执行的,但是document.write Script Tag、script defer、Script DOM Element除外。

没有独立的最佳方案,真正的最佳方案取决于需求。

有六种使用结果:

(1)不同域、无序(2)不同域、保持顺序(3)同域、无序、无忙时指示器(4)同域、无序、有忙时指示器(5)同域、保持顺序、无忙时指示器(6)同域、保持顺序、有忙时指示器

">

企业管理考研

电子商务网站建设方式、杭州注册公司流程是怎样的、永久使用、不限域名、gta手机网站大全

深圳市在建项目查询?

推荐个网站好吗_建设工程抗震应当坚持的原则_毛坯房最便宜装修方法_51素材网

UJCMS作为一个现代化的Java CMS系统,以其开源、灵活、易用的特点,为网站建设和管理提供了强大的支持。随着技术的不断进步和社区的积极参与,UJCMS将持续进化,满足更多用户的需求

设计网页需要学什么乌鲁木齐有几个区乌鲁木齐市建设局官网杭州公司注册地址租赁一般多少钱学ui设计的真实感受网站建设行业现状百度上广告怎么搞上去的河南旅游网页设计成立公司有什么好处和坏处中国企业在线网如何用文档创建一个网站军工企业专业网站建设方案中央广播电视总台2023年元宵晚会本田高端品牌香港便宜服务器最好的 受欢迎的 免费的建筑工程公司注册需要什么条件小程序代理招商公司中国新闻社级别青岛网站推广优化公司重庆seo和网络推广网络推广合作方式联合办公空间开发一个平台今日头条招商网官网平台网络推广培训有哪些取个公司名称大全素材网站pinterest网页与平面设计常用网站域名

猜你喜欢

  • 友情链接:
  • 广东餐饮品牌设计 怎么制作html文档 网络推广公司怎么报税 新品发布会英语 实验楼编程网站 济南制作网站有哪些