背景图片
进入博客
SUMER浏览器
L
O
A
D
I
N
G

2024-10-31最新谷歌fonts公共资源,解决引入fonts.googleapis.com/css字体网页响应缓慢问题
热门 转载

技术   发布时间: 2024-11-01 08:28   最后编辑时间: 2024-11-20 08:44   59586   0  

在这里插入图片描述

昨天搭建了个最新版本WordPress 5.7.2版本,访问后台发现速度特别慢,前台页面打开也出奇的慢,于是就问了度娘和CSDN前辈,结果一大堆说要找好服务器啦、图片优化啦、换成fonts.useso.com啦、把fonts.googleapis.com 换成 fonts.cat.net啦、统统没用。

因为我服务器高配,其他网站程序速度飞快,新站基本上没什么图片,访问后台又能有什么图片,这个问题排除,还有360等提供的CDN加速也过期了,由于某些众所周知的原因,好多开源的 JS 库采用的国外 CDN 托管方式在国内访问速度不如人意。

所以我们特意制作了这个公益项目,托管了 CDNJS 的所有开源 JS 库以及反代了 Google Fonts、Ajax 和 Gravatar,并且全部支持 http 和 https

目录:

一、loli提供的服务

1、CDNJS 开源 JS 库

2、Google Fonts

3、Google 前端公共库

4、Gravatar 头像

5、赞助商

6、旧域名替换

二、极客族公共加速服务

1、Google前端库(Google Hosted Libraries)

2、Gravatar全球头像

3、谷歌字体库(Google Fonts)

4、字体文件(Google Fonts)

5、字体文件(Google Fonts)

6、其他服务

一、loli提供的服务

1、CDNJS 开源 JS 库

我们采用的方法是每天定时同步 CDNJS 的 Github

所有的 JS/CSS 库可以在这儿找到您需要的链接

CDNJS Public file directory

如果您使用 cdnjs.com 只需要替换 cdnjs.cloudflare.com 为 cdnjs.loli.net 即可,如

替换成

CDNJS 的 API 开发文档请摸这里

2、Google Fonts

我们采用的方法是万能的 Nginx 反代 + 关键词替换

使用的时候,您只需要替换 fonts.googleapis.com 为 fonts.loli.net 即可,如

替换成

如果需要 Material icons ,把

替换成

如果需要 Early Access,把

@import url(https://fonts.googleapis.com/earlyaccess/notosanskannada.css); 替换成

@import url(https://fonts.loli.net/earlyaccess/notosanskannada.css); 如果需要下载单个字体,您只需要把 fonts.gstatic.com 替换成 gstatic.loli.net 或 themes.googleusercontent.com 替换成 themes.loli.net 即可

比如

https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2 替换成

https://gstatic.loli.net/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2 或者

https://themes.googleusercontent.com/static/fonts/anonymouspro/v3/Zhfjjgat3waL4JSju74E-V5zh5b-_HiooIRUBwn1A.ttf 替换成

https://themes.loli.net/static/fonts/anonymouspro/v3/Zhfjjgat3waL4JSju74E-V5zh5b-_HiooIRUBwn1A.ttf Google Fonts 的 API 文档请摸这里

3、Google 前端公共库 方法同上,直接替换 ajax.googleapis.com 为 ajax.loli.net 即可,如

替换成

Google 前端库 API 开发文档摸这儿

4、Gravatar 头像 方法还是同上,直接替换 *.gravatar.com 为 gravatar.loli.net 即可,如

https://secure.gravatar.com/avatar/8406d089bc81b664a2610b8d214c1428 替换成

https://gravatar.loli.net/avatar/8406d089bc81b664a2610b8d214c1428 5、赞助商 国内外 CDN, GeoDNS、域名等基础服务均由 xTom赞助 SSL 证书由 SSL.DO赞助

6、旧域名替换 由于更换了赞助商,并且因为最新的国内域名备案政策,旧的域名均采用 301 跳转形式

cdn.css.net 跳转到本文

cdn.css.net/libs/ 和 cdnjs.cat.net/ajax/libs/ 跳转到 cdnjs.loli.net/ajax/libs/

cdn.css.net/fonts/ 和 fonts.cat.net 和 fonts.css.network 跳转到 fonts.loli.net

cdn.css.net/ajax/ 和 ajax.cat.net 和 ajax.css.network 跳转到 ajax.loli.net

cdn.css.net/avatar/ 和 gravatar.cat.net 和 gravatar.css.network 跳转到 gravatar.loli.net

另外由于 jsdelivr 已不再提供 Github 同步,并且这货自己也有网宿的国内 CDN ,所以

cdn.css.net/files/ 跳转到 cdn.jsdelivr.net 并且不再提供 jsdelivr 的国内加速服务

所有国内加速服务的域名列表如下,您只需要修改程序里的原域名即可

原域名    加速域名    制作方法 cdnjs.cloudflare.com    cdnjs.loli.net  每日同步 Github ajax.googleapis.com    ajax.loli.net   Nginx 反代 fonts.googleapis.com    fonts.loli.net  Nginx 反代 fonts.gstatic.com    gstatic.loli.net    Nginx 反代 themes.googleusercontent.com    themes.loli.net Nginx 反代 secure.gravatar.com    gravatar.loli.net   Nginx 反代 如果遇到任何问题,请评论,有时间我或热心的网友会为你解答的。我新搭建的wp网站:唯唯否否作文网  https://wwff.top 欢迎前来指导交流。

二、极客族公共加速服务

1、Google前端库(Google Hosted Libraries) 源地址://ajax.googleapis.com/ 替换为://gapis.geekzu.org/ajax/

注意,ajax.googleapis.com/ajax/应当替换为gapis.geekzu.org/ajax/ajax/ 此域名Google未提供国内CDN,大陆访问仍然较为困难,我们持续提供服务

2、Gravatar全球头像 源地址://*.gravatar.com/avatar/ 替换为://sdn.geekzu.org/avatar/

Automattic自建CDN,大陆可以正常访问源地址,但速度不佳,我们持续提供服务

3、谷歌字体库(Google Fonts) 源地址://fonts.googleapis.com 替换为://fonts.geekzu.org

此服务Google已提供国内CDN,大陆可以正常访问源地址,我们持续提供服务 因为Google针对不同UA返回不同css,此项不缓存(发现好多同类服务都加了缓存造成不同平台字体格式错乱)

4、字体文件(Google Fonts) 源地址://fonts.gstatic.com/ 替换为://gapis.geekzu.org/g-fonts/

此服务Google已提供国内CDN,大陆可以正常访问源地址,我们持续提供服务

5、字体文件(Google Fonts) 源地址://themes.googleusercontent.com/ 替换为://gapis.geekzu.org/g-themes/

基本用不到

6、其他服务 对于其他的前端资源,我们推荐使用 jsDelivr: www.jsdelivr.com jsDelivr的资源很全,并且有全球CDN(含大陆)。 不推荐 BootCDN ,其服务稳定性较差。

参考文献:

1、基于Uni-app前端框架的SUMER UI3.0组件库

2、uniapp精仿支付宝UI界面源码下载,基于SumerUI一款仿支付宝APP

3、uniapp精仿微信源码,基于SumerUI一款仿微信APP应用

SUMER UI 【用于开发APP小程序H5网站毕业设计…】

官网:https://www.sumer.work



免责声明

本文所涉及的资源来自公共网络搜索等合法途径整理而来,该资料仅作为学习研究使用,并无任何商业目的,严禁用于商业用途。 任何访问、浏览本文,无论是否下载资源的用户,均代表已阅读、理解并同意遵守本声明条款。
内容来源:本文所有内容均来自公共网络搜索等合法途径,本文只做整理,若版权方认为本文侵权,请立即通知文章作者(微信:sumer-work),提供相关证明材料,如版权属实,作者将在24小时内删除贴文,谢谢!
版权归属:本文所上传的资源内容的版权归相应内容作者或权利人所有,本店不对涉及的版权问题负法律责任!
免责声明:大部分资源均是免费下载,若有部分资源标识为付费资源,则仅仅是对作者搜集、整理资料所付出的汗水和努力作出的一定补偿,请下载了资源的用户尊重版权方的知识产权,并在下载资源后24小时内删除, 谢谢!

博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。
博主资料
程序员SUMER

本人专注小程序、H5网站、App等多终端的全栈开发,拥有多年前后端开发经验;本人承接各种小程序、H5网站、App等互联网项目开发,有需要请联系我,微信号:sumer-work

最新博客