免费CDN jsdelivr 加速网站

免费CDN-jsdelivr

jsdelivr 的优点

• 直接使用 npm、rawgithhub 的资源
• 国内也能快速访问
• 网站快速查找相关库

使用示例

引入github资源

格式：https://cdn.jsdelivr.net/gh/user/repo@version/file

<script src="https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js" />
<script src="https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js" />
<script src="https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js" />
<script src="https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js" />
<script src="https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js" />
<script src="https://cdn.jsdelivr.net/gh/jquery/jquery/" />

引入npm资源

格式：https://cdn.jsdelivr.net/npm/package@version/file

<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js" />
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js" />
<script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js" />
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js" />
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/src/core.min.js" />
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2" />
<script src="https://cdn.jsdelivr.net/npm/jquery/" />

最佳实践

假设我们网站需要一个js模块，这个模块想做成通用的，一般可以这么做。

1. 独立维护
建项目独立维护这个模块。

2. 使用git云服务
使用 github 管理代码
可以通过 rawGithub 直接访问资源，但会比较慢。

3. 使用jsdelivr
通过 jsdelivr 访问 github 上的资源，加快访问速度

最终效果

• 维护方便
• 无需重新部署
• 多版本共存
• 访问速度快