请问一下，我的网站前端的JS 太多有没有什么办法来加快加载呢？
<!doctype html>
<html lang="en" class="">
<head>
<!-- Lomeye Icon 核心 CSS 文件 -->
<link rel="stylesheet" href="http://lomeye-icon.qiniudn.com/lomeye-icon-cdn.css" />
<!-- Lomeye Icon 兼容IE6-7 -->
<!--[if lt IE 8]>
<link rel="stylesheet" href="http://lomeye-icon.qiniudn.com/ie7.css" />
<script src="http://lomeye-icon.qiniudn.com/ie7.js"></script>
<![endif]-->
<link rel="stylesheet" href="/skin/tuiedu/less/style.css">
<link rel="stylesheet" href="/skin/tuiedu/less/bootstrap.css">
<link href="/skin/tuiedu/prettyPhoto/css/prettyPhoto.css" media="screen" rel="stylesheet" title="prettyPhoto main stylesheet" type="text/css">
<script src="/skin/tuiedu/js/jquery-1.8.3.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="/skin/tuiedu/js/show-submenu.js"></script>
<script src="/skin/tuiedu/js/elements-nav.js"></script>
<script src="/skin/tuiedu/js/piechart.js"></script>
<script src="/skin/tuiedu/js/knob.js"></script>
<script src="/skin/tuiedu/js/testimonials-tabs.js"></script>
<script src="/skin/tuiedu/js/jquery.tipsy.js"></script>
<script src="/skin/tuiedu/js/tipsy.js"></script>
<script src="/skin/tuiedu/js/jquery.isotope.min.js"></script>
<script src="/skin/tuiedu/js/jquery.inview.js"></script>
<script src="/skin/tuiedu/js/min.js"></script>
<script src="/skin/tuiedu/js/masonry.js"></script>
<script src="/skin/tuiedu/js/jquery.nicescroll.min.js"></script>
<script src="/skin/tuiedu/js/select-js.js"></script>
<script src="/skin/tuiedu/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<!-- plugin sources -->
<script src="/skin/tuiedu/js/bootstrap/transition.js"></script>
<script src="/skin/tuiedu/js/bootstrap/alert.js"></script>
<script src="/skin/tuiedu/js/bootstrap/button.js"></script>
<script src="/skin/tuiedu/js/bootstrap/carousel.js"></script>
<script src="/skin/tuiedu/js/bootstrap/collapse.js"></script>
<script src="/skin/tuiedu/js/bootstrap/dropdown.js"></script>
<script src="/skin/tuiedu/js/bootstrap/modal.js"></script>
<script src="/skin/tuiedu/js/bootstrap/scrollspy.js"></script>
<script src="/skin/tuiedu/js/bootstrap/tab.js"></script>
<script src="/skin/tuiedu/js/bootstrap/tooltip.js"></script>
<script src="/skin/tuiedu/js/bootstrap/popover.js"></script>
<script src="/skin/tuiedu/js/bootstrap/affix.js"></script>
<script src="/skin/tuiedu/js/zen-customizer.js"></script>
<script src="/skin/tuiedu/js/portfolio.js"></script>
<!-- jQuery REVOLUTION Slider -->
<script type="text/javascript" src="/skin/tuiedu/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<link rel="stylesheet" type="text/css" href="/skin/tuiedu/rs-plugin/css/settings.css" media="screen" />
<!--[if IE 9 ]><link rel="stylesheet" href="/skin/tuiedu/less/css/ie-9.css"><![endif]-->
</head>
用CDN加速会不会好点呢？
可以试试sea.js，懒加载，也便于组织。开启压缩
建议把script放在</body>的前面，也就是body的最后加载，防止为了加载js而阻塞页面。
适当使用CDN，改进缓存机制。
用grunt、gulp压缩代码。
gulp或者fis做js的ugly和合并。
能重用的代码就重用
静态文件丢去CDN(内网项目除外)
详情请看雅虎优化法则。
看自己网站是什么定位的：
1.如果这个网站纯属外包那直接就这样做好了，不报错，不出问题就行。
2.如果网站需要自己长期维护的话，推荐使用seajs等，使用的页面加载下，不使用就不加载。
ps: 如果你项目已经做的很大，页面已经很多，流程已经很复杂，那你基本已经很难修改，那建议，老的页面还是按照老的走，新页面新尝试，修改老的代码很麻烦，风险也高
- 把js文件都放在body的最后加载，因为页面是要等到所有head里面的资源加载完才会render和渲染的。如果js太多，容易导致页面迟迟不出来，急死用户。
- 用一些压缩工具或者模块管理工具来对这些js进行处理，能合并的就合并，减少HTTP请求数。相关工具可以参考：Grunt/Gulp/Webpack等等。