当前位置 博文首页 > 好习惯成就伟大:解决国内Stack Overflow访问慢的问题

    好习惯成就伟大:解决国内Stack Overflow访问慢的问题

    作者:[db:作者] 时间:2021-06-23 15:12

    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
    • Firfox
    • Edge

    手动安装

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

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