Chrome扩展:Local CDN 将 JavaScript 库缓存到浏览器,加速上网

2017-02-27 10:53:22  阅读 1161 次 评论 0 条

Local CDN 扩展简介

在制作网站或博客时经常使用一些外部的 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。

Local CDN 扩展信息

组件名称:Local CDN
适用平台:Chrome
程序语系:英文
官方网站:http://add0n.com/local-cdn.html
安装页面:从 Chrome 在线应用程序商店下载

Local CDN 使用教程

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

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

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

简单的测试一下吧,我们打开微软必应翻译的网站,就可以验证到这个扩展已经检测到并正在生效了。需要说明的是,Local CDN 也是一项开源项目,有兴趣的话可以从 GitHub 找到更多说明。

本文地址:https://www.yms7.com/post/868.html
版权声明:本文为原创文章,版权归 yms 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?