亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > AJAX > 正文

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

2024-09-01 08:33:06
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了使用CDN和AJAX加速WordPress中jQuery的加載的方法,注意一下WordPress中以及CDN的Google連接在內地的網絡問題,需要的朋友可以參考下
 

確定要放在Head部分 ?

事實上最好的情況是,js文件都不要在<head>部分進行加載,否則會影響到head部分的載入速度,直接導致網站的內容(body)載入延遲。如果你確定你不需要在head部分載入jQuery,請將載入代碼移動到</body>前,準確的說是第一個會用到jQuery函數的javascript代碼前。

當然,如果你需要head部分加載jquery,也請確保所有的js文件,包括jquery,都要放在調用CSS文件的代碼之后,來實現同步下載。這也是Google官方給出的建議。例如下面的加載不推薦:

<script src=jquery.js></script><link href="style.css" .../>

而是應該使用:

<link href="style.css" .../><script src=jquery.js></script>

確定不要異步加載 ?

異步加載不會阻塞網頁的載入,而非異步加載則會在加載本身js之前短暫阻塞瀏覽器的網頁載入。這可能影響瀏覽體驗。

如果你的加載代碼是

<script type="text/javascript" src="jquery.js"></script>

那么你需要知道這可不是異步加載的方式,這是一種同步加載。如果你不需要在頁面加載后及時的調用jquery函數,你完全可以用異步加載的方式,使得網頁onload之前才加載jquery,大大加快載入速度。這樣的代碼看起來像是Google Analytics的代碼。

(function(doc){var j =doc.createElement("script");j.type = "text/javascript"; j.async = true; j.src = "jquery.js";var s = doc.getElementsByTagName("script")[0];s.parentNode.insertBefore(j, s);})(document);

但是經我觀察,大多數的時候我們需要同步加載,尤其是你還需要引入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庫:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

當然,百度在國內的訪問速度是不可小視的:

<script type="text/javascript" src="//libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>

新浪的CDN同樣速度飛快:

<script type="text/javascript" src="//lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>

不跟風,你也可以選擇微軟的jquery CDN:

<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>

你可以直接更改上面出現的版本號來選擇不同的版本。哪一個最快呢?如何選擇呢?

如果你的網站訪客來自海外的不少,建議選用Google,如果主要訪客是國內,選擇百度也沒問題。但是百度在海外的訪問速度可不及Google。

而且因為大多數的網站選擇了Google的CDN,由于緩存原理,來訪你的網站,可能google的CDN更快。

如果你不是確定自己的網站下載速度飛快,我建議最好選用上述的公開CDN來節省加載時間,同時也節省了流量。

真的要用jQuery嗎?

如果你的網站只是需要用帶jquery一個很小的函數,為什么要下載這么大的文件呢?為什么不可以jquery-free?

例如你可以考慮zepto.js,其設計目標“以最小的體積,做到最大兼容jQuery的API”。它在gzip壓縮后僅僅為10KB。

另外,jQuery有著模塊設計,可以選擇自己只是需要的模塊。你可以參考jquery builder。

加載jQuery的正確方式

說了那么多,加載jquery的正確方式是什么?

首先選好哪個CDN,或者你自己的網站托管js文件,并確定調用的位置在頭部還是body,下面以Google的jquery庫為例,普通的加載方式是

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

然而Google的服務在國內間歇性中斷,所以我可以照顧一下國內訪客,這么寫:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script type="text/javascript">window.jQuery || document.write(unescape('%3Cscript%20type%3D%22text/javascript%22%20src%3D%22//libs.baidu.com/jquery/2.0.3/jquery.min.js%22%3E%3C/script%3E'));</script>

這樣子即可實現如果jQuery未能加載成功,則自動加載百度的jquery庫,做到萬無一失了。



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲免费人成在线视频观看| 亚洲成人激情小说| 成人午夜在线观看| 中文字幕日韩高清| 欧美精品一本久久男人的天堂| 免费av一区二区| 亚洲国内高清视频| 久热爱精品视频线路一| 91精品久久久久久久久久另类| 91啪国产在线| 亚洲欧洲一区二区三区在线观看| 欧美日韩国产91| 国产精品久久久久久亚洲影视| 日本一区二区在线免费播放| 欧美另类69精品久久久久9999| 欧美性理论片在线观看片免费| 日韩精品中文字幕在线播放| 欧美性猛xxx| 欧美午夜电影在线| 亚洲高清一区二| 高清视频欧美一级| 九九热最新视频//这里只有精品| 成人激情综合网| 26uuu日韩精品一区二区| 亚洲精品自拍视频| 欧美日韩在线观看视频小说| 午夜欧美不卡精品aaaaa| 97碰碰碰免费色视频| 成人美女av在线直播| 日韩大片免费观看视频播放| 国产精品自拍偷拍视频| 日韩在线中文视频| 91久久久久久久| 91av视频在线免费观看| 亚洲精品久久久久久久久久久| 亚洲男人的天堂在线| 91久久久久久久久| 亚洲欧美日韩精品久久亚洲区| 欧美精品18videos性欧| 亚洲天堂免费观看| 国产精品美女999| 欧美激情在线观看视频| 欧美性猛交xxxx乱大交极品| 亚洲片在线资源| 中文字幕亚洲一区在线观看| 久久韩剧网电视剧| 亚洲精品电影网站| 亚洲九九九在线观看| 久久99精品久久久久久青青91| 亚洲a∨日韩av高清在线观看| 国产精品盗摄久久久| 久久久国产精品x99av| 国外成人在线直播| 亚洲人永久免费| 欧美电影免费观看网站| 国内外成人免费激情在线视频网站| 国产精品精品视频一区二区三区| 成人午夜一级二级三级| 国产精品6699| 欧美高清不卡在线| 中文字幕欧美精品日韩中文字幕| 欧美在线视频观看| 欧美激情在线观看| 日韩av电影中文字幕| 日韩av电影手机在线| 亚洲免费电影一区| 中文字幕视频一区二区在线有码| 国产日韩欧美电影在线观看| 成人中心免费视频| 久久精品国产一区二区电影| 国产精品一区二区三区久久久| 亚洲成人激情视频| 日韩动漫免费观看电视剧高清| 91精品在线播放| 国产精品视频一区国模私拍| 成人av在线网址| 国内精品小视频| 一区二区在线视频播放| 国模极品一区二区三区| 97不卡在线视频| 日韩成人av网| 国产97在线视频| 欧美激情视频在线| 美女久久久久久久久久久| 亚洲男人天堂九九视频| 日韩精品在线电影| 欧美亚洲激情在线| 91精品国产综合久久香蕉最新版| 一区二区在线视频播放| 亚洲欧美自拍一区| 久久国产一区二区三区| 亚洲欧美中文日韩v在线观看| 激情av一区二区| 久久久久久久电影一区| 成人妇女免费播放久久久| 97国产精品免费视频| 亚洲男人第一网站| 日本精品一区二区三区在线| 亚洲精品永久免费精品| 日本sm极度另类视频| 欧美日韩国产影院| 久久成人精品电影| 欧美日韩国产一区中文午夜| 国产成人高清激情视频在线观看| 国产成人精品国内自产拍免费看| 在线观看久久久久久| 日韩欧美高清视频| 久久国产精品偷| 国语自产精品视频在线看一大j8| 欧美日韩国产综合新一区| 日韩精品视频免费专区在线播放| 亚洲性视频网址| 91丝袜美腿美女视频网站| 久久99热精品这里久久精品| 91av福利视频| 中文字幕日韩精品有码视频| 韩国19禁主播vip福利视频| 久久久91精品国产一区不卡| 午夜精品理论片| 一区二区三区久久精品| 亚洲二区中文字幕| 亚洲午夜精品视频| 欧美中文字幕视频| 日韩一区二区三区在线播放| 亚洲图片欧美午夜| 91精品国产综合久久香蕉最新版| 亚洲黄色在线观看| 久久九九免费视频| 国产成人综合精品| 亚洲最新av在线网站| 亚洲天堂男人天堂女人天堂| 丝袜一区二区三区| 成人激情视频在线| 超薄丝袜一区二区| 亚洲国产91精品在线观看| 日本19禁啪啪免费观看www| 国产精品久久久久久久久久99| 国产午夜精品免费一区二区三区| 欧美国产日韩精品| 欧美成人午夜激情在线| 一区二区三区亚洲| 一区二区三区四区精品| 8x拔播拔播x8国产精品| 国产精品美女www爽爽爽视频| 91av在线免费观看| 久久精品一区中文字幕| 色妞色视频一区二区三区四区| 这里只有精品在线播放| 中文字幕一区日韩电影| 日韩成人高清在线| 亚洲男女性事视频| 久久精品国产v日韩v亚洲| 成人激情电影一区二区| 国产精品一区二区三| 精品亚洲va在线va天堂资源站| 日韩成人在线免费观看| 亚洲aⅴ男人的天堂在线观看| 国产精品久久久久久婷婷天堂| 欧美巨乳美女视频| www.久久草.com| 久久成人精品一区二区三区| 中文字幕不卡av| 川上优av一区二区线观看| 国产偷亚洲偷欧美偷精品|