强大的响应式设计工具Bootstrap

用YSlow分析了下，之前主要页面内容展示慢主要有下面几个原因：

• http请求过多
• font文件挂载在github空间，很多通用的css, js文件都是挂在github下而非CDN方式放在CDN服务器端
• 大量冗余css和js，html布局不佳，css没有放在最前端
• 大量标志图片

解决办法当然是重构html，精简css；因为用了bootstrap和font awesome，js全部删光，css通过bootstrap的html class属性定制；用了CDN服务，主要的css, js都在CDN服务器端；因为用了awesome，图片也减少了一半多。

Bootstrap + Font Awesome 简单的CDN加载

通过CDN服务在html里面加载Bootstrap + Font Awesome太简洁了！

head部分添加下面两句：

<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.0.3/css/font-awesome.min.css">

footer后面添加下面几句：

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

OK了，Bootstrap + Font Awesome里面的东西随便用！