前端性能优化

在JavaScript引用之前引用CSS标记：确保在使用JavaScript代码之前加载CSS。

<!-- 不推荐 -->
<script src="jquery.js"></script>
<script src="foo.js"></script>
<link rel="stylesheet" href="foo.css"/>

<!-- 推荐 -->
<link rel="stylesheet" href="foo.css"/>
<script src="jquery.js"></script>
<script src="foo.js"></script>

为什么：
在引用JavaScript之前引用CSS可以实现更好地并行下载，从而加快浏览器的渲染速度。

怎么做：
确保中的和<style>始终位于<script>之前。
合理安排styles和scripts来提高网页速度