极客观点
项目管理
HarmonyOS
请问一下，我的网站前端的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加速会不会好点呢？
建议把script放在</body>的前面，也就是body的最后加载，防止为了加载js而阻塞页面。
适当使用CDN，改进缓存机制。
用grunt、gulp压缩代码。