jsdelivr合并css、js

css

原始

https://cdn.jsdelivr.net/npm/highlight.js@9.15.8/styles/atom-one-dark.css

https://cdn.jsdelivr.net/gh/weilining/jsdelivr/css/aplayer.butterfly@3.4.1.css

https://cdn.jsdelivr.net/gh/weilining/jsdelivr/css/title.butterfly@3.4.1.css

min压缩合成

https://cdn.jsdelivr.net/combine/npm/highlight.js@9.15.8/styles/atom-one-dark.min.css,gh/weilining/jsdelivr/css/aplayer.butterfly@3.4.1.min.css,gh/weilining/jsdelivr/css/title.butterfly@3.4.1.min.css

js

原始

https://cdn.jsdelivr.net/combine/gh/weilining/jsdelivr/javascript/music/music_playlist.js

https://cdn.jsdelivr.net/combine/gh/weilining/jsdelivr/javascript/weather/weather.butterfly@3.4.1.js

min压缩合成

https://cdn.jsdelivr.net/combine/gh/weilining/jsdelivr/javascript/music/music_playlist.min.js,gh/weilining/jsdelivr/javascript/weather/weather.butterfly@3.4.1.min.js

使用原因

jsDelivr 提供了文件合并功能,能够合并 jsDelivr 托管的任何CSS 或者 JS 资源(npm, github, wordpress 官方仓库)到一个。

可以参考:https://github.com/hifocus/merger/blob/master/merger.html#L102 此处合并了同一个仓库内 /assets 目录下四个 .js 文件(包括了 jQuery,jQuery-qrcode,function.js 以及 iconfont)到一个,实际加载流量相同,但是减少了 HTTP 请求数,同时节省了服务器 / CDN 流量。

考虑到(尽管 jsDelivr 可用性非常高 且在国内速度非常好)有用户也许只希望按照原样从本地加载 css 和 js 文件,这个功能可以作为选项提供

jsDelivr 网站:https://www.jsdelivr.com
国内访问延迟:http://ping.chinaz.com/cdn.jsdelivr.net

参考

https://www.jsdelivr.com/features#combine

https://nexmoe.com/661812793.html