面试二面/三面涉及的知识——页面性能

页面性能

1. 提升页面性能的方法有哪些？

• 资源压缩合并，减少HTTP请求
• 非核心代码异步加载——异步加载的方式——异步加载的区别
• 利用浏览器缓存——缓存的分类——缓存的原理
• 使用CDN
• 预解析DNS：

• <meta http-equiv="x-dns-prefetch-control" content="on"> // 强制打开<a>的预解析
  <link rel="dns-prefetch" href="http://www.shiny-jun.cn/"> // 做到预解析

2.异步加载的方式和区别

方式：1）动态脚本加载（动态创建节点）   2）defer   3）async

区别：1）defer是在HTML解析完之后才会执行，如果是多个，按照加载顺序依次执行

            2）async是在加载完之后立即执行，如果是多个，执行顺序和加载顺序无关