解决国内Stack Overflow访问慢的问题

由于网络限制,Google CDN在天朝的访问速度缓慢。该博客介绍了一个插件/扩展,用于将Google CDN替换为国内镜像,如ajax.loli.net和fonts.loli.net,提高网站资源加载速度。通过替换,显著减少了资源加载时间,例如jquery.min.js从26ms提升到95ms。提供在线安装和手动安装Chrome扩展的指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Replace Google CDN

  

将 Google CDN 替换为国内的。

缘起

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

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

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

原理

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

  1. ajax.googleapis.com - 前端公共库,替换为 ajax.loli.net
  2. fonts.googleapis.com - 免费字体库,替换为 fonts.loli.net
  3. themes.googleusercontent.com - fonts 有时会使用到这个里面的资源,替换为 themes.loli.net
  4. fonts.gstatic.com - 免费字体库,替换为 gstatic.loli.net
  5. www.google.com/recaptcha - Google 图像验证库,替换为 www.recaptcha.net/recaptcha
  6. secure.gravatar.com - gravatar 头像,替换为 gravatar.loli.net
  7. maxcdn.bootstrapcdn.com/bootstrap - bootstrap 框架使用的 CDN,替换为 cdn.bootcdn.net/ajax/libs/twitter-bootstrap

效果

安装扩展/插件后访问 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.jsajax.googleapis.com026--
stub.en.jscdn.sstatic.net18.029361.418%
jquery.min.jsajax.loli.net ⚡️33.195348.4100%
clc.min.jscdn.sstatic.net4.239910.530%
full.en.jscdn.sstatic.net99.6534186.554%
gpt.jssecurepubads.g.doubleclick.net21.385250.672%
analytics.jsgoogle-analytics.com19.679248.171%
quant.jssecure.quantserve.com9.142021.762%
beacon.jssb.scorecardresearch.com1.87324.771%
integrator.jsadservice.google.com 🐌0.3873.41%
markup.jsclc.stackoverflow.com 🐌9.225236.510%
osd.jsgoogletagservices.com28.190312.289%
rules-p-c1rF4kxgLUzNc.jsrules.quantcount.com 🐌0.4964.21%
keyboard-shortcuts.en.jscdn.sstatic.net7.37597.327.9%

安装

在线安装

手动安装

Chrome 安装方法(Google 被墙了上不去):

  1. 下载 ReplaceGoogleCDN 然后解压,找到 extension 子目录
  2. 打开 Chrome,输入: chrome://extensions/
  3. 勾选 Developer Mode
  4. 选择 Load unpacked extension... 然后定位到刚才解压的文件夹里面的 chrome 目录,确定
  5. 这就安装好了,去掉 Developer Mode 勾选。
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值