Replace Google CDN

将 Google CDN 替换为国内的。

缘起

由于众所周知的原因，只需替换一个域名就可以继续使用 Google 提供的前端公共库了。同样，通过 script 标记引用这些资源，让网站访问速度瞬间提速！

很多网站，尤其是国外网站，为了加快网站的速度，都使用了 Google 的 CDN。但是在天朝，由于某些原因，导致全球最快的 CDN 变成了全球最慢的。

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

原理

借助浏览器提供的API，实现请求地址重定向。

浏览器 V2 API，

浏览器 V3 API

默认未启用的规则, （双击扩展图标，进入扩展选项页面，可调整替换地址）

此插件/扩展可以将以下的 CDN 资源替换为国内的：

| 序号 | 原地址 | 替换后的地址 | 是否启用 | 简述 | |----|--------------------------------------------|---------------------------------------------------------------------|------|---------------------| | 1 | ajax.googleapis.com | ajax.loli.net | ✅ | 前端公共库 | | 2 | fonts.googleapis.com | fonts.googleapis.cn | ✅ | 免费字体库 | | 3 | themes.googleusercontent.com | themes.loli.net | ✅ | fonts 资源引用 | | 4 | fonts.gstatic.com | fonts.googleapis.cn | ✅ | 免费字体库 | | 5 | www.google.com/recaptcha | www.recaptcha.net/recaptcha | ✅ | Google 图像验证库 | | 6 | secure.gravatar.com | gravatar.loli.net | ✅ | gravatar 头像 | | 7 | maxcdn.bootstrapcdn.com/bootstrap | lib.baomitu.com/twitter-bootstrap/ | ✅ | bootstrap 框架使用的 CDN | | 8 | code.jquery.com/jquery-(version)(suffix) | https://fastly.jsdelivr.net/npm/jquery@$verson/dist/jquery$suffix | ✅ | jquery 框架使用的 CDN | | 9 | cdnjs.cloudflare.com | cdnjs.loli.net | - | - | | 10 | cdn.jsdelivr.net | fastly.jsdelivr.net | - | - | | 11 | developers.google.com | developers.google.cn | - | - | | 12 | developer.android.com | developer.android.google.cn | - | - | | 13 | source.android.com | source.android.google.cn | - | - | | 14 | www.gstatic.com | www.gstatic.cn | - | - | | 15 | lh3.googleusercontent.com | - | - | - | | 16 | cdn.sstatic.net | sstatic.net | - | - |

扩展选项页使用简述

<strong>双击扩展图标-自动打开扩展选项配置页面</strong>
扩展选项配置页面原理

功能变更记录

v3 功能变更记录CHANGELOG-v3-x.x.x
v2 功能变更记录CHANGELOG-v2-x.x.x

效果

安装扩展/插件后访问 https://stackoverflow.com/questions 页面：

第一行是 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% |

打包命令

构建打包结果位于 dist 目录。

打包 V2 版本

bash release-archive.sh

打包 V3 版本

bash release-archive-v3.sh

安装

在线安装

手动安装：

Chrome 安装方法（Google 被墙了上不去）：

下载 ReplaceGoogleCDN 然后解压，找到 extension 子目录
打开 Chrome，输入: chrome://extensions/
勾选 Developer Mode
选择 Load unpacked extension... 然后定位到刚才解压的文件夹里面的 extension 目录，确定
这就安装好了，去掉 Developer Mode 勾选。

扩展下载方式三(来自国内镜像)

克隆源代码以后，步骤如上：🔼

ReplaceGoogleCDN gitee 镜像

# 克隆源代码
git clone -b master https://gitee.com/jingjingxyk/ReplaceGoogleCDN.git --depth=1 --progress

# 更新源代码
git -C replacegooglecdn pull --depth=1 --progress

扩展下载方式四

已经构建好，可以上传扩展市场的代码。

构建原理

# 原理： github: page + action

# 构建脚本
https://github.com/jingjingxyk/jingjingxyk.github.io/blob/main/tools/setup-gh-pages-step-02-chromium-extension.sh

# 源代码打包下载地址
https://www.jingjingxyk.com/chromium-extension/ReplaceGoogleCDN.zip

# 已经构建好扩展包下载地址
https://www.jingjingxyk.com/chromium-extension/ReplaceGoogleCDN-v2.zip
https://www.jingjingxyk.com/chromium-extension/ReplaceGoogleCDN-v3.zip

ReplaceGoogleCDN

Install / Use

README