基本上,您應該在網站的標頭標籤中看到這種代碼:
,這是在您網站中包含jQuery庫的正常方式。這樣做沒有問題,但是有更好的方法。 Google Ajax庫為您的用戶提供JQuery,直接來自Google的數據中心網絡。與在您自己的服務器上託管jQuery相比,這有幾個優點:
- 減少延遲
- 增加了並行性
- 更好的緩存
我會解釋Google CDN的三個好處,並向您顯示一些使用此服務的示例。
降低延遲
內容交付網絡的短期 - 這將您的靜態內容分配到各種物理位置的服務器上。當瀏覽器設法解決這些文件的URL時,它們的下載將自動來自網絡中最接近的服務器。在Google Ajax庫CDN中,與強迫他們從服務器下載下載相比,在您的服務器附近的用戶實際上仍然可以更快地下載jQuery。
增加了並行性
為避免不必要的超載服務器,可以同時限制瀏覽器的連接數量。根據瀏覽器,限制可以最小化為每個主機名的兩個連接。借助Google Ajax庫CDN,它將消除對您網站的一個請求,從而使您的本地內容並行下載。但是,對於具有六個連接瀏覽器的用戶來說,它並沒有很大的不同,但是這些瀏覽器仍然使用僅使用兩個的瀏覽器,差異很明顯。
更好的緩存
理想情況下,使用Google Ajax庫CDN為您提供的最大但最不提及的好處是,您的用戶根本不需要下載jQuery。您的緩存有多侵略性都沒關係。但是,如果您在本地託管JQuery,則用戶將至少下載一次。即使他們在緩存中有大量相同的jQuery副本,當用戶第一次訪問您的網站時,這些副本也沒有用。
現在如何做
現在,您可能被Google Ajax Libraries CDN說服了。是時候向您展示如何做這些事情了。在可用的兩種方法中,此方法是Google推薦的一種方法:
google.load()方法提供了最多的功能和性能。 示例: <span> //您可以指定部分版本數字,例如“ 1”或“ 1.3”,</span> <span> <spain> <spain> <spain> <spain> <spain> <spain> //&#x26; nbspp; nbspp;結果相同。這樣做會自動加載</spain></spain></spain></spain></spain></spain></span> <span> //&#x26; nbsp;最新版本匹配該部分修訂模式</span> <span> //&#x26; nbsp; (例如1.3,今天將加載1.3.2,1將加載1.4.4)。 </span> Google <span> .load(“ jQuery”,“ 1.4.4”); </span> google <span> .setOnloadCallback(function(){</span> <span> //在此處放置初始代碼,而不是$(document).ready().dready()</span> <span>}); </span>
這沒有錯,實際上,這比自己託管jQuery是一種改進,但是它並不能提供最佳性能。
上面的圖像清楚地表明,加載,解析和執行JSAPI會對實際的JQUERY申請產生負面影響。這不是一個大數量,但這是一個延遲。最糟糕的部分是,您無法與這種負載方法可靠地使用$(Document).Dready()處理程序。它需要setOnloadCallback()。 回到Essentials
首先是Google..load()方法的所有缺點,我建議使用這種舊方法避免JSAPI延遲並消除三個無用的HTTP請求。我會推薦並更喜歡這個。 結論
一天結束時,決定就在您手中。您可以選擇在服務器上本地託管jQuery或使用Google Ajax庫CDN。但是我希望上面的解釋確實顯示出通過Google Ajax庫CDN託管JQuery而不是親自託管的優勢。理想情況下,Google Ajax庫CDN顯然更好。 關於Google託管的jQuery
使用Google託管的jQuery的好處是什麼?首先,它提高了您網站的速度和效率。 Google的服務器可能比您自己的服務器快,因此您的網站將更快地加載。其次,它節省了帶寬。 Google託管這些庫,因此它們不會佔用您的服務器上的任何空間。最後,它提供了更好的緩存。大多數用戶已經從Google緩存了這些庫。如果他們已經使用同一庫訪問了一個站點,則無需再次下載。 如何將Google CDN的jQuery鏈接到google cdn?
以鏈接Google CDN的jQuery,您需要在HTML文件中添加腳本標籤。腳本標籤的SRC屬性應指向Google CDN上的jQuery庫。這是一個示例:
&#x3C; src =“ https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”>&p>
jquery oon Google cdn cdn cdn cdn cdn cdn> 。截至目前,最新的穩定版本是jQuery 3.5.1。但是,最好查看官方網站以獲取最新版本。 為什麼我要使用Google的CDN而不是自己託管JQuery?
使用Google的CDN用於JQuery比託管自己的jQuery有多個優勢。它可以減少服務器上的負載,增加網站的負載速度並改善緩存。此外,Google的CDN可能比您自己的服務器更可靠,更快。
我可以使用Google託管的jQuery脫機嗎?
否,您不能使用Google託管的jQuery脫機。由於文件託管在Google的服務器上,因此您需要Internet連接才能訪問它們。如果您需要離線使用jQuery,則應下載庫並將其託管在您自己的服務器上。
是Google託管的jQuery免費使用嗎?
是的,是的,Google host託管的jQuery完全免費使用。 Google提供了這項服務,作為使網絡更快,更高效的使命的一部分。
Google託管的jQuery?
Google託管的jQuery的可靠性非常可靠。 Google的服務器是世界上最強大和最可靠的服務器,確保在您的網站需要時始終將jQuery庫可用。
Google託管的jQuery jQuery支持所有瀏覽器?
是的,是的,Google託管的JQuery支持所有現代瀏覽器,包括Chrome,Firefox,Firefox,Safari,Safari和Edge。但是,對於較舊的瀏覽器,您可能需要使用較舊版本的jQuery。
Google託管的jQuery多久更新一次?
Google託管的jQuery在發布新穩定版本的JQuery時會更新。 Google的目的是使其託管庫盡可能最新。
我可以將Google託管的jQuery與其他JavaScript庫一起使用嗎?
是的,您可以將Google Hosted Jquery與其他JavaScript庫一起使用。 jQuery旨在與其他庫一起播放,並且使用Google的CDN不會改變。
以上是Google主持的jQuery的好處的詳細內容。更多資訊請關注PHP中文網其他相關文章!