`
hzy3774
  • 浏览: 993021 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

使用CDN公共库加快网页速度

 
阅读更多

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。

常用的有:

谷歌CDN:

https://developers.google.com/speed/libraries/devguide?hl=zh-CN

微软CDN:

http://www.asp.net/ajaxlibrary/cdn.ashx#jQuery_Releases_on_the_CDN_0

百度CDN:

http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs

新浪CDN:

http://sae.sina.com.cn/?m=devcenter&catId=375#anchor_e4cee1d08201b9afecc9b7b0383bd54e

介于国内的国情,Google提供的CDN资源经常无法访问,国内推荐使用SAE和百度的CDN资源

http://lib.sinaapp.com/

使用时非常简单,只要在html代码中加入例如:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

 

<script src="//lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>

 

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>

 

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

 

分享到:
评论

相关推荐

    前端公共库CDN服务

    这种服务允许开发者直接引用CDN上的库资源,而不是将它们部署在自己的服务器上,从而节省了服务器带宽,加快了网页加载速度,并分散了流量压力。 睿擎CDN库是这样的一个专业服务,它专注于为全球用户提供稳定、可靠...

    vue_cdn_test.zip

    在使用Vue.js的CDN版本时,我们可以将Vue.js库托管到公共CDN服务上,如cdnjs、unpkg或jsdelivr等。这样,用户在访问我们的网页时,浏览器可以从距离他们最近的CDN节点获取Vue.js文件,而不是从我们服务器加载,从而...

    CDN:CDN加速

    2. **选择合适的CDN服务**:有许多公共CDN服务,如Google Hosted Libraries、cdnjs和jsDelivr等,它们免费提供了许多流行的JavaScript库和框架。 3. **优化加载顺序**:通常将非阻塞的JavaScript文件放在`&lt;body&gt;`...

    CDN

    CDN的核心原理是将用户请求的内容缓存到离用户最近的服务器上,从而加快内容的访问速度。 **JSDelivr CDN** JSDelivr 是一个公共的、免费的、高性能的 CDN 服务,专门用于加速静态资源的加载,如 JavaScript、CSS...

    huancdn:jsDelivr CDN

    通过这种方式,开发者可以利用这个CDN库快速引入和使用常见的前端框架和库,无需自己托管,节省了服务器带宽并提高了页面加载速度。 【标签】:“CSS” CSS(Cascading Style Sheets)是用于描述HTML或XML(包括如...

    StaticFilesCDN:这个是我自己用来白嫖 Jsdelivr JS 加速的仓库

    StaticFilesCDN是一个个人创建的项目,目的是利用Jsdelivr这一公共CDN服务来加速静态文件的加载,尤其是JavaScript库和CSS样式表。Jsdelivr是一个流行的、免费的、全球分布的内容分发网络(CDN),它提供了对大量...

    CDN资产:jsDelivr

    这种引用方式不仅利用了 jsDelivr 的 CDN 服务,还能确保使用的是特定版本的库,避免版本冲突问题。 总的来说,jsDelivr 是一个强大而易用的 CDN 解决方案,为开发者提供了快速、可靠的前端资源加载服务,同时降低...

    jQuery中库的引用方法

    在线引用库是通过链接到公共CDN服务器上的jQuery文件,这样可以减少网页加载的资源数量,加快网页的响应速度。例如,在给定的示例代码中,通过以下代码引用了jQuery库: ```html ***"&gt; ``` 这段代码告诉浏览器从百度...

    js代码过度代码

    5. **利用CDN**:将公共库托管在内容分发网络(CDN)上,减少主服务器负载,加快用户访问速度。 6. **减少DOM操作**:频繁的DOM操作会消耗大量性能,应尽量批量处理或利用文档片段(DocumentFragment)减少DOM树的...

    jquery1.12.4

    1. 使用CDN:将jQuery库托管在公共CDN(内容分发网络)上,可进一步提高加载速度。 2. 按需引入:根据项目需求,只引入必要的jQuery插件,避免引入不必要的代码。 3. 优化选择器:合理使用选择器,减少DOM遍历,提高...

    浅谈VUE单页应用首屏加载速度优化方案

    这样,浏览器可以直接从 CDN 服务器获取这些公共资源,而不是等待项目自身的服务器响应,从而加快加载速度。 其次,实现路由懒加载是一种常见的优化策略。通过 `require.ensure` 或 Webpack 的 `import()` 动态导入...

    htmlcssjs转换

    为了减少重复和提高效率,可以将这些公共部分提取出来,形成独立的库或框架,例如Bootstrap或jQuery。这样,只需要引入一次,就能在所有页面中复用。 3. **LESS文件解析与CSS文件压缩**: LESS是一种CSS预处理器,...

    java开发常用jar包之jquery.rar

    3. **CDN引用**:也可以选择使用公共CDN(内容分发网络)服务,如Google Hosted Libraries或cdnjs,这样可以减少服务器压力,加快页面加载速度。 **使用示例** ```html &lt;!DOCTYPE html&gt; ...

    images:做为图床使用

    2. **CDN(Content Delivery Network)**:为了加快图片加载速度,图床通常会结合CDN服务,将图片分发到全球多个节点,让用户可以从最近的服务器获取图片,降低延迟。 3. **URL短链**:为了方便记忆和使用,图床服务...

    适用于响应式,移动优先Web应用程序的Twitter Bootstrap

    10. **Bootstrap CDN**:提供公共的CDN服务,让开发者可以直接在项目中引用Bootstrap的CSS和JS文件,加快加载速度。 综上所述,Twitter Bootstrap是一个强大的工具,能够帮助开发者快速构建响应式、移动优先的Web...

    getting-started-with-static-assets

    例如,正确配置CDN(内容分发网络)可以加快全球用户的加载速度,而合理的文件组织和命名规范则有利于代码维护。 在实际项目中,我们还会遇到其他相关技术,如预处理器(如Sass、Less)、模块打包工具(如Webpack、...

    img:ImgBed

    9. **CDN服务**:为了提高图片加载速度,ImgBed可能会集成内容分发网络(CDN),将图片缓存在全球各地的服务器上,用户可以从最近的节点获取图片。 10. **权限与认证**:对于个人或团队使用,图床可能需要用户登录...

    前端笔试面试题目总结.docx编程资料

    - **CDN缓存**:分布式存储,加快资源加载速度;需合理设置过期时间。 - **服务端缓存**:减轻数据库压力;需合理管理缓存一致性。 - **代理缓存**:网络层面缓存,减少带宽消耗;需合理设置缓存规则。 #### 元素...

Global site tag (gtag.js) - Google Analytics