xiaoz一直在用BootCDN提供的前端库,但就在前几天发现网站打开非常缓慢,F12分析发现原来是BootCDN的锅,目前BootCDN的全部地址被重定向到CloudFlare,这次怕是凉凉了。收集了目前可用的国内前端库,以及Zdir自建前端库方法供大家参考。
新浪前端库
新浪前端库已经有很长的时间了,目前来说还算稳定,支持CDN和https,但是前端资源比较少。
css.loli.net
这个前端库不知道叫什么名字,是一位民间大佬提供的,如果您没有听说这个前端库,也许sm.ms图床您可能听说过,也是这位大佬的。css.loli.net支持Google Fonts、Gravatar头像等等。
Zdir自建前端库
前有360关闭Google字体加速服务,后有BootCDN被重定向,就连大公司百度的前端库地址都还经常变来变去(现在测试百度的也打不开了),所以不知道这些前端库能坚持多久,因此还是自建最靠谱。
Zdir是xiaoz开发的一款目录列表程序,如果您还不熟悉,可以参考下 这篇文章 的介绍,Zdir的初衷正是为了自建一个前端库,因此在这方面做了一些优化。
1.安装Zdir
Zdir使用PHP开发,只需要环境支持PHP即可。
- Zdir下载地址:master.zip
- Zdir帮助文档:https://dwz.ovh/zdir
2.使用
Zdir会对图片、CSS/JS链接进行处理,自动转换为HTML标签。
<!--比如原本链接为:-->
https://libs.xiaoz.top/jquery/2.2.4/jquery.min.js
<!--复制后的链接为:-->
<script src = 'https://libs.xiaoz.top/jquery/2.2.4/jquery.min.js'></script>
3.CDN加速
自建前端库的目的就是为了将常用的前端资源整合到一起,并且提高静态资源的加载速度,因此加上CDN必不可少。
- 又拍云:目前又拍云对HTTPS新特性支持比较好,加入又拍云联盟也有一定的免费额度,可以戳这里 https://www.upyun.com/ 注册。
- VeryCloud: 已经在 《VeryCloud云分发(CDN)支持https,免费50G流量》 在这篇文章介绍过,VeryCloud每月免费50G,支持https
- 腾讯云: 腾讯云CDN每月免费10G,支持HTTP/2,收费价格也比较合理。
- 百度云加速: 有免费版本,但是节点不是很稳定,上面三个我都用过,但百度的没试过。网友调侃称“百度云减速”
总结
使用Zdir可以很方便的管理前端资源,并且灵活可控,是否关闭、需要哪些资源完全自主掌控。
loli.net 是个图床网站,我在 v2ex 见过好多 i.loli.net 的图片外链,跟 sm.ms 一样都是图床
1. sm.ms上传后生成的图片的链接是https://i.loli.net/
2. sm.ms loli.net ip.sb sb.sb css.net …这些都是同一个作者,因此并不奇怪。
原来是这样,明白了
我也发现了,然后我就换成了七牛的,有条件还是自建的稳定!