前端性能优化感悟

1.减少http请求数量

• 合并引用的较小的资源

2.利用CDN

https://www.jianshu.com/p/6cfb0b65b556

3.使用DNS预解析

<!--https默认关闭，需要手动打开-->
<meta http-equiv="x-dns-prefetch-control" content="on|off" />
<link rel="dns-prefetch" href="//m.jd.com" />

4.代码异步加载

1.通过js动态添加元素进行异步加载

2.使用defer 和 async 实现加载

<!--执行在加载和整个页面解析完成后，即DOMContentLoaded后，按照文档中顺序执行-->
<script defer src="//www.test.com/test.js" type="text/javascript"/>
<!--异步加载，加载完成即开始执行，不限制执行顺序-->
<script async src="//www.test.com/test.js" type="text/javascript"/>

参考资料：defer和async的区别

5.利用缓存

1.强缓存

• Expires
• Cache-Control
  2.协商缓存
• Cache-Control: no-cache