为什么网页通常把JS调用放在底部？

JS是单线程，浏览器是多线程。当我们在浏览器的地址栏里输入一个url地址，访问新页面时，页面展示的快慢是由一个单线程控制，这个线程叫做UI线程。UI线程会根据页面里资源（资源是html文件、图片、css等）书写的先后顺序以及资源类型发起http请求来获取资源，当http请求处理完毕也就意味着资源加载结束。
但是JS文件不同，它的加载过程被分为两步，第一步和加载css文件和图片一样，就是执行一个http请求下载外部的JS文件，但是javascript完成http请求后并不意味操作完毕，UI线程会通知javascript引擎线程来执行它，如果JS代码执行时间过长，那么用户会明显感觉到页面的延迟。同步加载，最好放在底部，放在顶部，阻塞资源加载更严重。