现代浏览器渲染内容前，需要两样东西：HTML和CSS。，所以保证浏览器尽快下载这两种类型的文件很重要！一般JS只是负责交互，跟内容渲染到浏览器中关系不大。
每个样式文件都需要发一次HTTP请求到服务器中。浏览器需要花时间下载样式文件，并且应用文件中的样式也要花时间。尽量控制线上的CSS样式表的数量。
GZIP压缩线上内容很重要！大多数web服务器都会启用自动压缩线上资源。设置web服务器的样式缓存也可以提高加载速度。理想状态下，浏览器只需要下载一次CSS样式文件，直到该CSS样式文件发生变化再重新请求。方法是通过HTTP首部告诉浏览器，是否需要清除缓存。
现在基本很少有直接在<head>标签中直接加载外部JS文件，因为这样会造成渲染阻塞！原因是浏览器必须把脚本下载下来，并且执行完再进行解析HTML和CSS。
现在大多数都是讲外部JS放到<body>结束标签之前。
也可以开始使用defer和async属性，两者都是异步加载，区别是，defer等到HTML解析玩后再执行【等价于放到body结束标签之前，推荐使用】，async则下载完后立刻执行【有可能在执行的过程阻塞解析HTML】
原文：https://www.cnblogs.com/wljqds/p/10679795.html