qq_35464701的博客

https://blog.youkuaiyun.com/weixin_44831963/article/details/105555527

https://it4all.blog.youkuaiyun.com/article/details/78205617?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-6.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-6.control

https://www.cnblogs.com/500m/p/11634969.html

https://www.cnblogs.com/nangezi/p/9201226.html

https://www.cnblogs.com/zengfp/p/9888048.html

https://www.jianshu.com/p/3c4449ab473b

https://wenku.baidu.com/view/0212d6a1974bcf84b9d528ea81c758f5f71f2949.html

JavaScript中defer和async的区别　　把 JavaScript 插入到 HTML 页面中要使用defer是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。浏览器渲染页面，读取到包含defer属性的外部async浏览器立即异步下载文件，不同于defer得是，下载完成会立即执行，此时会阻塞dom渲染，所以async的script最好不要操作dom。因为是下载完立即执行，不能保证多个加载时的先后顺序。...

一、性能优化的指标和工具性能优化-加载Speed Index （4秒内）TTFB（请求发出时间到响应的等待时间）页面加载时间首次渲染性能优化-响应交互动作的反馈时间帧率FPS（60fps）异步请求的完成时间(1s)什么是RAILResponse响应Animation动画Idle空闲Load加载RAIL评估标准响应：处理事件应在50ms以内完成动画：每10ms产生一帧(60fps/s)空闲：尽可能增加空闲时间加载：在5s内完成内容加载并可以交互性能测量工具Chrom