版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/mx18519142864/article/details/82021754
前端性能优化
个人认为一个网站head标签内正确的标签排放顺序
应该先放置title meta关键词 描述 等标签。有利于网站的SEO
接着为meta各种如移动端，苹果，IE采用最新版本等等等针对性的标签
然后放置CSS， 一些必要的埋点等等页面加载前就要完成的js
最后将较大的JS文件丢在body标签的最后面。
知识点：
1. css较多较大，堆在最上面，会造成网站解析CSS半天，造成页面短暂的空白！！！
2. js是阻塞加载，何为阻塞加载？顾名思义就是读不完就堵着啊！！！为啥啊？
举个栗子：一个JS里，针对一个img标签的src进行了十次修改，我操，那页面渲染DOM肯定要拿最后渲染的啊。不可能刷刷刷刷刷刷刷刷刷刷渲染十次图片吧。。。 这也意味着要下载十张图片？ 老子的刀呢。。。JS在加载时是可能修改DOM的，此为根本原因。
所以就老老实实的先加载DOM，再加载JS 这才是正确的顺序
可是呢！！！ 有的人说了，我就不，我就放上面，你看 也没毛病!!!!! 为啥？
我操，大哥不是你没毛病，而是现在浏览器优化的太牛B，会提前抓你HTML里要加载的css，js文件进行提前下载。这也是prefetch 优化， 前置加载css js， 具体原理哥也不知道。
怎么让js非阻塞加载？
createElement动态生成， defer标签。 但是都不好，低版本浏览器不认，高版本浏览器不需要