位置: 编程技术 - 正文

使用CDN和AJAX加速WordPress中jQuery的加载(cdn ajax)

编辑:rootadmin

推荐整理分享使用CDN和AJAX加速WordPress中jQuery的加载(cdn ajax),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:cdn引入js,cdn用法,cdn使用例子,cdn ajax,cdn实现,cdn引入js,cdn ajax,cdn引入js,内容如对您有帮助,希望把文章链接给更多的朋友!

确定要放在Head部分 &#;

事实上最好的情况是,js文件都不要在<head>部分进行加载,否则会影响到head部分的载入速度,直接导致网站的内容(body)载入延迟。如果你确定你不需要在head部分载入jQuery,请将载入代码移动到</body>前,准确的说是第一个会用到jQuery函数的javascript代码前。

当然,如果你需要head部分加载jquery,也请确保所有的js文件,包括jquery,都要放在调用CSS文件的代码之后,来实现同步下载。这也是Google官方给出的建议。例如下面的加载不推荐:

而是应该使用:

确定不要异步加载 &#;

异步加载不会阻塞网页的载入,而非异步加载则会在加载本身js之前短暂阻塞浏览器的网页载入。这可能影响浏览体验。

如果你的加载代码是

那么你需要知道这可不是异步加载的方式,这是一种同步加载。如果你不需要在页面加载后及时的调用jquery函数,你完全可以用异步加载的方式,使得网页onload之前才加载jquery,大大加快载入速度。这样的代码看起来像是Google Analytics的代码。

但是经我观察,大多数的时候我们需要同步加载,尤其是你还需要引入jQuery插件的时候。

使用哪个版本的jQuery &#;

wordpress总是自带最新的jQuery库,每一个版本的使用方法总有细微的不同。越新的jQuery版本,性能提升也越高。不过,某些jquery插件可能不太兼容太新的插件,而它自己也没有推出更新。也许有些你会使用的方法函数,到了新版本发现已经被改变,曾经能工作的现在已经不能了。对于这种情况,应该遵从这样的原则,那就是在确保兼容性的同时,做到使用尽可能新的jQuery库。

例如你以前使用1.6.2版本的jquery,到了现在你发现2.X某些函数有改变,你又不愿意去变更代码,就最好逐个调试,例如你发现1.7.2的兼容性就不错。这个时候就可以抛弃1.6.2,可以用1.7.2版本的jQuery去替换掉2.X的新版。

使用哪个jQuery CDN库 &#;

jQuery实在是太大了!如果你的网站速度不是飞快,jquery肯定会影响到你的页面加载速度。好在百度、新浪、微软、Google等公司都推出了公共js库,方便网站主调用来缩短下载时间,而它们本身有着超快的CDN服务器,节约了下载时间。

目前用的比较普遍的是Google提供的jquery库:

使用CDN和AJAX加速WordPress中jQuery的加载(cdn ajax)

当然,百度在国内的访问速度是不可小视的:

新浪的CDN同样速度飞快:

不跟风,你也可以选择微软的jquery CDN:

你可以直接更改上面出现的版本号来选择不同的版本。哪一个最快呢?如何选择呢?

如果你的网站访客来自海外的不少,建议选用Google,如果主要访客是国内,选择百度也没问题。但是百度在海外的访问速度可不及Google。

而且因为大多数的网站选择了Google的CDN,由于缓存原理,来访你的网站,可能google的CDN更快。

如果你不是确定自己的网站下载速度飞快,我建议最好选用上述的公开CDN来节省加载时间,同时也节省了流量。

真的要用jQuery吗?

如果你的网站只是需要用带jquery一个很小的函数,为什么要下载这么大的文件呢?为什么不可以jquery-free?

例如你可以考虑zepto.js,其设计目标“以最小的体积,做到最大兼容jQuery的API”。它在gzip压缩后仅仅为KB。

另外,jQuery有着模块设计,可以选择自己只是需要的模块。你可以参考jquery builder。

加载jQuery的正确方式

说了那么多,加载jquery的正确方式是什么?

首先选好哪个CDN,或者你自己的网站托管js文件,并确定调用的位置在头部还是body,下面以Google的jquery库为例,普通的加载方式是

然而Google的服务在国内间歇性中断,所以我可以照顾一下国内访客,这么写:

这样子即可实现如果jQuery未能加载成功,则自动加载百度的jquery库,做到万无一失了。

使用jQuery+EasyUI实现CheckBoxTree的级联选中特效 需求:子结点选中,父节点随之选中,父节点取消,子节点随之取消代码:!DOCTYPEhtmlhtmlxmlns="

小巧强大的jquery layer弹窗弹层插件 先去官网下载最新的

基于jQuey实现鼠标滑过变色(整行变色) 在很多网站都有这样的效果,那就是当鼠标放在新闻列表一行上的时候,整行就会变色,虽然使用CSS也能够实现此种功能,但是由于众多浏览器版本对

标签: cdn ajax

本文链接地址:https://www.jiuchutong.com/biancheng/376217.html 转载请保留说明!

上一篇:浅析jQuery移动开发中内联按钮和分组按钮的编写(jquery开发)

下一篇:使用jQuery+EasyUI实现CheckBoxTree的级联选中特效(使用二氧化碳灭火器时人应该站在什么位置)

  • 增值税为10%的有哪些
  • 车船税不交有什么影响 三大影响要注意
  • 企业所得税的减免税额和抵免税额区别
  • 增值税留抵注销时怎么办
  • 企业作为二房东要交什么税
  • 冲减管理费用是红字还是在贷方
  • 补提企业所得税会计分录
  • 申请专利的费用如何入账
  • 银行询证函费用计入财务费用还是管理费用
  • 某企业月末由仓库转来发料凭证汇总表
  • 增值税专用发票抵扣期限
  • 公司补贴为什么要交税
  • 固定资产进项税额怎么抵扣
  • 三联专用发票每一联分别给谁
  • 哪些金融资产不计提减值
  • 代开增值税发票沒有付款怎么做账?
  • 进项票也要缴纳印花税吗
  • 公益性生物资产有哪些
  • 软件产品加安装是混合销售吗?
  • 累进税率的特点是课税对象的数额越大,税率越
  • win11如何将开始菜单里的软件移到桌面
  • 将自产的应税消费品对外捐赠
  • 有留抵税额怎么做分录
  • 当月不生产,生产成本怎么处理
  • springboot+vue+elementsUI 实现分角色注册登录界面
  • PHP:imageloadfont()的用法_GD库图像处理函数
  • framework7教程
  • 前端控制台
  • 公司收取保证金违法吗
  • 什么是市盈率和市净率,谈谈你对两个指标的理解
  • php 银行卡支付
  • vscode终端显示
  • 工会经费的使用范围有哪些
  • 销售退货和折让是收入吗?吗?
  • 房地产开发企业资质证书
  • mysql各种索引的使用场景
  • 没有盈利的公司
  • 进口增值税是什么意思
  • 什么叫挂往来
  • 汽车修理厂会计账务处理
  • 所得税费用是指
  • 业务招待费汇算清缴账务处理
  • 农产品投入产出法怎么计算
  • 检测公司成本科目
  • 转售水电费收入确认
  • 建筑企业成本核算方法
  • 出口样品的销售好做吗
  • 异地工程可以在公司所在地缴纳税款吗
  • 保险费的增值税属于什么税
  • 试算平衡表的编制方法
  • 个体工商户对公账户需要交税吗
  • 进口增值税当月可以抵扣吗
  • 出售固定资产清理的账务处理
  • 在sql server数据库中
  • 蓝屏 win7
  • sunasServ.exe - sunasServ是什么进程 有何作用
  • SwiftBTN.exe - SwiftBTN是什么进程 有啥作用
  • win7升级win8.1失败
  • windows升级后照片不见了
  • 微软windows8.1
  • win8怎么设置桌面背景
  • linux系统如何安装字体
  • win7系统无wifi连接
  • nodejs调用go
  • Bullet(Cocos2dx)之封装PhysicsWorld3D
  • jquery实战
  • python返回结果
  • 简述matlab中控制系统的数学描述类型
  • 远程批量管理windows
  • 安卓解析工具
  • javascript的简介
  • 安卓手机管家在哪里打开
  • unity分成
  • 国家税务12366电子税务局重庆
  • 营改增之前建筑业税率是多少
  • 工会的会费收入是什么意思
  • 怎么查询开票信息呢
  • 浙江职称评审网址官网
  • 整备质量吨位数是什么意思
  • 厂房原值如何核定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设