请问一下，我的网站前端的JS 太多有没有什么办法来加快加载呢？
请问一下，我的网站前端的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加速会不会好点呢？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（6）
建议把script放在</body>的前面，也就是body的最后加载，防止为了加载js而阻塞页面。
适当使用CDN，改进缓存机制。
用grunt、gulp压缩代码。
gulp或者fis做js的ugly和合并。
能重用的代码就重用
静态文件丢去CDN(内网项目除外)
详情请看雅虎优化法则。
看自己网站是什么定位的：
1.如果这个网站纯属外包那直接就这样做好了，不报错，不出问题就行。
2.如果网站需要自己长期维护的话，推荐使用seajs等，使用的页面加载下，不使用就不加载。
ps: 如果你项目已经做的很大，页面已经很多，流程已经很复杂，那你基本已经很难修改，那建议，老的页面还是按照老的走，新页面新尝试，修改老的代码很麻烦，风险也高
可以试试sea.js，懒加载，也便于组织。开启压缩
大家都说了很多方法，我做点补充：
1) https://github.com/creeperyan... (yahoo 军规 某翻译)
2) 和后台协作，将js地址写成如下格式：
http://static.m1905.cn/??js/c...
这个浏览器向服务器请求对应资源的时候,服务器会自动将这些资源合并压缩,一起返回。