首先我们先了解下什么是延迟加载，延迟加载就是等页面加载完成之后再加载 JavaScript 文件，他所带来的好处是载有助于提高页面加载速度。

一般有以下几种方式：

1:defer 属性：给 js 脚本添加 defer 属性，这个属性会让脚本的加载与文档的解析同步解析，然后在文档解析完成后再执行这个脚本文件，这样的话就能使页面的渲染不被阻塞。多个设置了 defer 属性的脚本按规范来说最后是顺序执行的，但是在一些浏览器中可能不是这样。

我们都知道JavaScript是单线程语言,就是因为单线程的特性，就不得不提js中的同步和异步

一、同步和异步

所谓单线程，无非就是同步队列和异步队列，js代码是自上向下执行的，在主线程中立即执行的就是同步任务，比如简单的逻辑操作及函数，而异步任务不会立马立马执行，会挪步放到到异步队列中，比如ajax、promise、事件、计时器等等。

也就是先执行同步，主线程结束后再按照异步的顺序再次执行。

笔者以前面试的时候经常遇到写一堆setTimeout,setImmediate来问哪个先执行。本文主要就是来讲这个问题的，但是不是简单的讲讲哪个先，哪个后。笼统的知道setImmediate比setTimeout(fn, 0)先执行是不够的，因为有些情况下setTimeout(fn, 0)是会比setImmediate先执行的。要彻底搞明白这个问题，我们需要系统的学习JS的异步机制和底层原理。本文就会从异步基本概念出发，一直讲到Event Loop的底层原理，让你彻底搞懂setTimeout,setImmediate，Promise, process.nextTick谁先谁后这一类问题。

作者： 五月君 来源：编程界|

事件循环是一种控制应用程序的运行机制，在不同的运行时环境有不同的实现，上一节讲了浏览器中的事件循环，它们有很多相似的地方，也有着各自的特点，本节讨论下 Node.js 中的事件循环。

JMeter定时器一般用来设置延迟与同步。它的作用域和优先级如下：

在今天发布的 Chrome 87 稳定版本中，带来了前所未有的浏览体验。谷歌表示：“由于进行了大量的底层优化，本月发布的更新是近年来 Chrome 性能提升最为明显的”。这些改进包括将活动标签的优先级高于其他所有标签，将 CPU 使用率降低 5 倍，将电池寿命延长 1.25 小时。

Chrome 产品经理 Mark Chang 解释说：“即使你打开了很多标签页，实际过程中也可能只专注于小部分就可以完成任务。因此从该版本开始，Chrome 会积极管理计算机资源，从而让你快速关注标签页，同时允许你保持数百个标签页的打开状态，这样您就可以从上次中断的地方继续学习”。

当你在React组件中写useEffect时，是否遇到过状态更新后获取旧值的诡异情况？当你用for循环绑定事件监听器，却发现所有按钮点击都返回最后一个索引？这些bug的背后，都藏着同一个核心概念——闭包。今天我们就来揭开这个让无数开发者头疼，却又不得不掌握的JavaScript特性。

好的 你问的是 JavaScript 异步解决方案以及实现原理，我给你整理一个比较系统的总结，包括常见方案、演进过程以及底层原理。

一、为什么需要异步？

JavaScript 是 单线程 的（浏览器中主线程：渲染 + JS 共享一个线程）。

Chrome浏览器更省电了

Chrome凭借着快速的网页加载速度和丰富的扩展插件，一直是网上冲浪选手的首选浏览器之一。除了好用之外，Chrome也是知名的内存吞噬者和耗电大户，之前就有过网友抱怨使用Chrome浏览器耗电严重导致笔记本续航大幅缩水的问题。

最近，Chrome的开发人员正在尝试通过限制后台标签的Javascript计时器唤醒次数来减少电量消耗。大家一般在浏览网页时往往都会打开多个标签页，但大多数时候我们只会浏览其中的一个网页，Chrome为了保证性能，哪怕是在后台的标签页面也会处于活跃状态。如果正好你的Chrome还装有不少的插件，频繁唤醒的Javascript就会带来不小的耗电，严重影响笔记本等移动设备续航。