在极端的情况,比较下面这段html代码:
<script>
//很多js代码
</script>
<body>
//很多html代码
</body>
<style>
//css代码
</style>
如果js脚本很多,浏览器加载脚本的时间会很长,这时,页面的html还没有加载,会导致浏览器长时间的出现一片空白,而js加载完后,再加载html又要花时间,而此时css还没有加载,所以显示的html是没有作何样式的,直到html加载完毕,css开始加载,才可以看到完整的页面,这大大地影响用户的体验。
所以,好的开发习惯是:将css写在最前面,在html之前载入,这样html显示时就会有样式了。将js写在最后,先将网页显示,再加载脚本。