将 Google CDN 替换为国内源的 Chrome 扩展，实现网站加速⚡️
Posted justjavac
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了将 Google CDN 替换为国内源的 Chrome 扩展，实现网站加速⚡️相关的知识，希望对你有一定的参考价值。
GitHub 源码地址：https://github.com/justjavac/...。
将 Google CDN 替换为国内的。
缘起
由于众所周知的原因，只需替换一个域名就可以继续使用 Google 提供的前端公共库了。
同样，通过script标记引用这些资源，让网站访问速度瞬间提速！
很多网站，尤其是国外网站，为了加快网站的速度，都使用了 Google 的 CDN。
但是在天朝，由于某些原因，导致全球最快的 CDN 变成了全球最慢的。
于是，我写了这个插件/扩展，将 Google 的 CDN 替换成国内的。
原理
此插件/扩展可以将以下的 cdn 资源替换为国内的：
ajax.googleapis.com- 前端公共库fonts.googleapis.com- 免费字体库themes.googleusercontent.com- fonts 有时会使用到这个里面的资源fonts.gstatic.com- 免费字体库www.google.com/recaptcha- Google 图像验证库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 以上是关于将 Google CDN 替换为国内源的 Chrome 扩展，实现网站加速⚡️的主要内容，如果未能解决你的问题，请参考以下文章 |