Local CDN 将 JavaScript 程序库缓存本地,提升网站加载速度(Chrome 扩展功能)

(Copyright: burntime555 / 123RF Stock Photo

在设计网站或博客时经常使用一些外部的 JavaScript,例如最常看到的 jQuery、AngularJS 或 CSS 框架,但 JavaScript 程序通常伴随着拖延网站加载速度的问题,因此才会有所谓的「免费开放式 CDNs 服务」用以改善网站性能,这些服务多由世界级企业提供,例如:Google、Microsoft和百度、新浪网等等,只要以CDN提供的网址来存取JavaScript程序就有减少主机流量、加速网站加载等效果,现阶段来说非常建议使用。

 

不过开放式CDN服务也不是完全没有缺点,其中一个最大问题是:中国大陆网络封锁不少开放式服务,网站如果使用 Google 的 ajax.googleapis.com 反而可能造成中国网友加载速度变慢,无法达到两全其美实在有点可惜。

假如你希望让上网速度变得更快,本文要推荐一款 Google Chrome 浏览器外挂「Local CDN」能改善这类问题,Local CDN 会辨识已知的开放式程序库,将 JavaScript 下载、缓存在本机磁盘,以后再开启相同程式时就不用重新下载,不仅能节省网络流量,更大的帮助是加速网站加载速度!

目前Local CDN支持的网址(Hostnames)如下:

  • ajax.googleapis.com
  • ajax.aspnetcdn.com
  • ajax.microsoft.com
  • cdnjs.cloudflare.com
  • code.jquery.com
  • cdn.jsdelivr.net
  • yastatic.net
  • yandex.st
  • libs.baidu.com
  • lib.sinaapp.com
  • upcdn.b0.upaiyun.com

比较特别的是支持三个中国大陆的 CDN 服务,包括百度、新浪及又拍云。不过 Local CDN 也不是什么都会缓存,仅支持以下这些程序大部分版本:

angular、backbone、dojo、ember、extCore、jQuery、jQueryUI、modernizr、mootools、prototypeJS、scriptaculous、swfobject、underscore 和 webfont。

扩展信息

使用教学

STEP 1 -在 Google Chrome 应用程序商店下载、安装 Local CDN 扩展功能后,浏览器右上角会多一个新的图标,安装后就会在需要时自动执行,无须额外设定。

STEP 2 -当你在浏览的网页内有 Local CDN 支持的元件时,它就会在图标右下角显示已经缓存暂存的元件数量,将光标移动到上面可以看到储存在你本机电脑上的 JavaScript 元件。

STEP 3 -打开 Google Chrome 开发者工具,也能看到元件加载情形。例如下图的 Webfont.js 已经由 Google CDN 缓存到你的电脑,未来在开启含有相同元素的页面时就会自动从你的本机电脑里读取这个档案,加载速度一定比任何的开放式CDNs来得更快。

Local CDN也是一项开放原始码项目,有兴趣的话可以从 GitHub 找到更多说明。via free.com.tw

打赏 赞(0)
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

标签

发表评论

Comments are closed.

评论列表(3)

  • 大脸猫

    2017.4.4 20:04

    还有底部的wbolt也是403

  • 大脸猫

    2017.4.4 20:04

    不过仔细看了看,底部的QQ的链接已经失效以及联系页的QQ群号码不存在了0.0

  • 大脸猫

    2017.4.4 20:04

    看完文章已经装上插件了,话说这是我从小学到现在第一次在大佬博客留言\^O^/