我正在尝试在Bootstrap上使用CDN来提高我网站的性能.但是,当直接引用CSS时,它可以工作,而使用CDN则不然.
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> <html> <div class="navbar"> <div class="navbar-inner"> <a class="brand" href="#">Matt's Homepage</a> <ul class="nav"> <li class="active"><a href="#">Home</a></li> <li><a href="http://www.mattydb.com">Website</a></li> <li><a href="http://www.twitter.com/akkatracker">Twitter</a></li> </ul> </div> </div> <div class="btn"><a href="http://www.mattydb.com">Click Here to Visit my Blog</a> </div> </html>
解决方法
正如其他人所提到的,使用CDN通常就像添加：
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"
rel="stylesheet">
进入你的HTML.但是当您从本地文件加载html时,这不起作用.
原因是缺少协议.使用CDN时,最好不要指定协议,以便浏览器使用http或https,具体取决于用于获取html的协议.
这很重要,因为如果您的服务器使用https,最好使用https进行所有引用,以避免浏览器(特别是IExplorer)抱怨混合内容.另一方面,使用CDN的无协议URL更加缓存友好(http://encosia.com/cripple-the-google-cdns-caching-with-a-single-character/).
不幸的是,如果协议是file：//,那么无协议的URL是一个坏主意.因此,如果您要创建将从磁盘加载的私有HTML,那么您应该添加协议并使用CDN,如下所示：
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"
rel="stylesheet">
希望这对某人有用…
