标签归档:cdn

RSS feed of cdn

百度CDN跨域引用Bootstrap Glyphicons字体异常

使用百度前端公共库CDN服务(https://libs.baidu.com)的站长需要引起注意:

如果站点引用了百度CDN提供的Bootstrap Glyphicons字体,在使用较新版本的浏览器(包括Chrome 38+,Firefox 33+,以及IE 11等)访问这些包含Glyphicons字体的页面时,会无法正确显示Bootstrap Glyphicons字体。

使用BootCDN服务(https://www.bootcdn.cn/)替换百度公共库CDN服务,可以解决上述问题。

通过Chrome浏览器开发者工具的Network选项卡查看资源请求,可见glyphicons字体文件的请求响应出现异常。

测试页面的代码如下:

<html>
  <head>
    <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link href="https://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />
    <style>
      p {
        margin: 15px;
        font-size: 20px;
        font-weight:bold;
      }
    </style>
  </head>
  <body>
    <p>&lt;script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;</p>
    <p>&lt;script src="https://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"&gt;&lt;/script&gt;</p>
    <p>&lt;link href="https://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" ...

继续阅读

使用加速乐和360CDN提升OpenShift WordPress加载速度

由于搭建在OpenShift(Redhat Cloud红帽云)平台的Wordpress博客程序使用了amazonaws(亚马逊AWS云服务,服务器位于美国),因此用户从国内直接访问的速度比较缓慢。

使用网站CDN加速服务可以在一定程度上提升OpenShift Wordpress页面的加载速度。

需要注意的是,由于OpenShift实例的服务器IP地址会不定期更换,使用CDN服务时需要定期关注源站的IP是否发生变更,一旦发生变更就需要及时修改源站IP。

目前国内几个口碑比较好的网站CDN加速服务提供商包括:

  • 加速乐(http://www.jiasule.com)
  • 百度云加速(http://yunjiasu.baidu.com/)
  • 360网站卫士(http://wangzhan.360.cn/)
  • 安全宝(http://www.anquanbao.com)

这些网站CDN加速服务的使用方法大同小异,下面以加速乐为例简单介绍网站CDN加速服务的设置过程。

使用加速乐提升OpenShift Wordpress博客加载速度

首先访问http://www.jiasule.com/manage/,在加速乐域名列表中添加网站域名

接入方式包含NS方式和别名方式两种,如果使用NS方式需要同时使用加速乐的DNS服务。

已经使用第三方DNS服务的用户可以选择别名方式。

待加速乐自动检测完域名的DNS设置并生成域名的CNAME别名后,将原DNS服务的CNAME记录修改为加速乐的CNAME别名,点击DNS切换即可完成整个设置过程。

使用360网站卫士Google字体库提升Google字体加载速度

由于Wordpress博客引擎普遍采用了Google字体库,链接为:http://fonts.googleapis.com/cssfamily=Open+Sans:300,400,600&subset=latin,latin-ext,而目前在国内直接访问该链接的响应速度非常缓慢,因此会在很大程度上拖慢Wordpress的页面加载速度。

对此,只需在Wordpress主题模板的相应位置变更下列代码:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext' rel='stylesheet'>

将googleapis替换为国内CDN即可

虽然没有经过严谨的测试,但是从直观使用感受来看,在替换完毕之后,OpenShift Wordpress的页面加载速度可以得到明显的提升。