微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用CDN和AJAX加速WordPress中jQuery的加载

确定要放在Head部分 ?

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

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

rush:js;">

<link href="style.css" .../>

而是应该使用:

rush:js;">

确定不要异步加载 ?

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

如果你的加载代码

rush:js;">

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

rush:js;">

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

rush:js;">

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

rush:js;">

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

原文地址:https://www.jb51.cc/ajax/51266.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐