关于javascript:将-Google-CDN-替换为国内源的-Chrome-扩展实现网站加速⚡️

GitHub 源码地址:https://github.com/justjavac/…。

将 Google CDN 替换为国内的。

缘起

因为家喻户晓的起因,只需替换一个域名就能够持续应用 Google 提供的前端公共库了。
同样,通过 script 标记援用这些资源,让网站访问速度霎时提速!

很多网站,尤其是国外网站,为了放慢网站的速度,都应用了 Google 的 CDN。
然而在天朝,因为某些起因,导致寰球最快的 CDN 变成了寰球最慢的。

于是,我写了这个插件/扩大,将 Google 的 CDN 替换成国内的。

原理

此插件/扩大能够将以下的 cdn 资源替换为国内的:

  1. ajax.googleapis.com – 前端公共库
  2. fonts.googleapis.com – 收费字体库
  3. themes.googleusercontent.com – fonts 有时会应用到这个外面的资源
  4. fonts.gstatic.com – 收费字体库
  5. www.google.com/recaptcha – Google 图像验证库
  6. secure.gravatar.com – gravatar 头像

成果

装置扩大/插件后拜访 https://stackoverflow.com/que… 页面:

第一行是 jquery.min.js 的原始申请 https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js,被拦挡并替换,返回的状态码为 307 Internal Redirect,耗时 26ms。第三行是 jquery.min.js 被替换后的申请,33kB,耗时 95ms。

下表是各种资源的网络申请比照(以替换后的速度为基准 100%):

资源 起源 尺寸(kB) 工夫(ms) 速度(B/ms) 百分比
jquery.min.js ajax.googleapis.com 0 26
stub.en.js cdn.sstatic.net 18.0 293 61.4 18%
jquery.min.js ajax.loli.net ⚡️ 33.1 95 348.4 100%
clc.min.js cdn.sstatic.net 4.2 399 10.5 30%
full.en.js cdn.sstatic.net 99.6 534 186.5 54%
gpt.js securepubads.g.doubleclick.net 21.3 85 250.6 72%
analytics.js google-analytics.com 19.6 79 248.1 71%
quant.js secure.quantserve.com 9.1 420 21.7 62%
beacon.js sb.scorecardresearch.com 1.8 73 24.7 71%
integrator.js adservice.google.com 🐌 0.3 87 3.4 1%
markup.js clc.stackoverflow.com 🐌 9.2 252 36.5 10%
osd.js googletagservices.com 28.1 90 312.2 89%
rules-p-c1rF4kxgLUzNc.js rules.quantcount.com 🐌 0.4 96 4.2 1%
keyboard-shortcuts.en.js cdn.sstatic.net 7.3 75 97.3 27.9%

装置

在线装置

  • Chrome
  • Edge

手动装置

Chrome 装置办法(Google 被墙了上不去):

  1. 下载 ReplaceGoogleCDN 而后解压,找到 extension 子目录
  2. 关上 Chrome,输出: chrome://extensions/
  3. 勾选 Developer Mode
  4. 抉择 Load unpacked extension… 而后定位到方才解压的文件夹外面的 chrome 目录,确定
  5. 这就装置好了,去掉 Developer Mode 勾选。

GitHub 源码地址:https://github.com/justjavac/…。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理