首頁 >web前端 >js教程 >Google主持的jQuery的好處

Google主持的jQuery的好處

Christopher Nolan
Christopher Nolan原創
2025-03-11 00:02:11683瀏覽

Google主持的jQuery的好處

基本上,您應該在網站的標頭標籤中看到這種代碼:
 
,這是在您網站中包含jQuery庫的正常方式。這樣做沒有問題,但是有更好的方法。 Google Ajax庫為您的用戶提供JQuery,直接來自Google的數據中心網絡。與在您自己的服務器上託管jQuery相比,這有幾個優點:
  1. 減少延遲
  2. 增加了並行性
  3. 更好的緩存
我會解釋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是一種改進,但是它並不能提供最佳性能。 Google主持的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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn