3、优化阻塞渲染的JS

JS允许我们修改网页的同时也会阻止DOM构建，阻塞网页渲染。默认情况下，JS的执行会阻塞内核渲染：无论我们使用外链还是内嵌JS，当遇到文档中的JS脚本时，它将暂停 DOM 构建，将控制权移交给 JS，脚本执行完毕后再继续构建 DOM，处理剩余的HTML文档。如果是外链JS文件去除鱼尾纹最好的方法，浏览内核需停下来，等待从磁盘、缓存或远程服务器中获取JS脚本，这就可能给关键渲染路径增加数十到数百毫秒的延迟。

为了实现最佳性能，可以让页面的JS进行异步执行，建议优先考虑使用defer的方式，其次是async方式，并去除关键渲染路径中任何不必要的JS。

优化JS的使用方式，优先使用异步JS资源

默认情况下，JS资源会阻塞解析，强制等待CSSOM并暂停DOM的构建，继而大大延迟首屏渲染的时间。异步JS资源则不会阻塞文档解析器，如果脚本可以使用defer/async 属性去除鱼尾纹最好的方法，也就意味着它并非是首屏渲染所必需的，可以考虑在首屏渲染后异步加载脚本。

延迟解析加载JS

为了最大限度减少内核渲染网页的工作量，建议开发者延迟所有非必需的、对构建首屏渲染无关紧要的JS脚本，将JS优先放在b

来源【抖音特训营】自媒体，更多内容/合作请关注「辉声辉语」公众号，送10G营销资料！