前端性能优化
2020-11-09 本文已影响0人
鱼香肉丝没有渔
在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来提高网页速度
