将 Google CDN 替换为国内的。
由于众所周知的原因,只需替换一个域名就可以继续使用 Google 提供的前端公共库了。 同样,通过
script
标记引用这些资源,让网站访问速度瞬间提速!
很多网站,尤其是国外网站,为了加快网站的速度,都使用了 Google 的 CDN。 但是在天朝,由于某些原因,导致全球最快的 CDN 变成了全球最慢的。
于是,我写了这个插件/扩展,将 Google 的 CDN 替换成国内的。
借助浏览器提供的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 |
- | - |
- 双击扩展图标-自动打开扩展选项配置页面
- 扩展选项配置页面原理
- 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 勾选。
克隆源代码以后,步骤如上::point_up_2: :point_up_2: :point_up_2:
# 克隆源代码
git clone -b master https://gitee.com/mirrors/replacegooglecdn.git --depth=1 --progress
# 或者
git clone -b master https://gitcode.com/mirrors/justjavac/replacegooglecdn.git --depth=1 --progress
# 更新源代码
git -C replacegooglecdn pull --depth=1 --progress --rebase
已经构建好,可以上传扩展市场的代码。
- ReplaceGoogleCDN-v3.zip(release v3 版本)支持 chromium 系列浏览器
- ReplaceGoogleCDN-v2.zip(release v2 版本)同时支持 firefox 和 chromium 系列浏览器
- ReplaceGoogleCDN.zip(全部源码)
# 原理: 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