目錄
減少延遲
增加並行性
更好的緩存
怎麼做
回到必需品
結論
關於Google主持的JQuery的常見問題
使用Google託管的jQuery有什麼好處?
如何鏈接Google CDN的jQuery?
Google CDN上最新版本的JQuery是什麼?
為什麼我要使用Google的CDN而不是自己託管JQuery?
我可以離線使用Google託管的jQuery嗎?
Google託管的jQuery免費使用嗎?
Google託管的jQuery的可靠性如何?
Google託管JQuery是否支持所有瀏覽器?
Google託管的jQuery多久更新一次?
我可以與其他JavaScript庫一起使用Google託管的jQuery嗎?
首頁 web前端 js教程 Google主持的jQuery的好處

Google主持的jQuery的好處

Mar 11, 2025 am 12:02 AM

Google主持的jQuery的好處

基本上,您應該在網站的標頭標籤中看到這種代碼:


  


登入後複製
這是在您的網站中包含jQuery庫的正常方式。這樣做沒有問題,但是有更好的方法。 Google Ajax庫為您的用戶提供JQuery,直接來自Google的數據中心網絡。與在您自己的服務器上託管jQuery相比,這有幾個優點:
  1. 延遲減少
  2. 增加並行性
  3. 更好的緩存
我將解釋Google CDN的這三個好處,並向您展示一些有關使用此服務的示例。

減少延遲

內容交付網絡的CDN短期 - 這將您的靜態內容分配到各種物理位置的服務器上。當瀏覽器設法解決這些文件的URL時,它們的下載將自動來自網絡中最接近的服務器。在Google Ajax庫CDN中,與強迫他們從服務器下載下載相比,在您的服務器附近的用戶實際上仍然可以更快地下載jQuery。

增加並行性

為了幫助避免不必要的超載服務器,可以同時限制瀏覽器的連接數量。根據瀏覽器,限制可以最小化為每個主機名的兩個連接。借助Google Ajax庫CDN,它將消除對您網站的一個請求,從而使您的本地內容並行下載。但是,對於具有六個連接瀏覽器的用戶來說,它並沒有很大的不同,但是這些瀏覽器仍然使用僅使用兩個的瀏覽器,差異很明顯。

更好的緩存

理想情況下,使用Google Ajax庫CDN為您使用最偉大但最不提及的好處是,您的用戶根本不需要下載jQuery。您的緩存有多侵略性都沒關係。但是,如果您在本地託管JQuery,則用戶將至少下載一次。即使他們在緩存中有大量相同的jQuery副本,當用戶第一次訪問您的網站時,這些副本也沒有用。

怎麼做

現在,您可能被Google Ajax庫CDN說服了。是時候向您展示如何做這些事情了。在可用的兩種方法中,此方法是Google建議的一種方法: Google.load()方法提供了最多的功能和性能。例子:


<span>//您可以指定部分版本號,例如“ 1”或“ 1.3”,
</span>
<span>//&nbsp;結果相同。這樣做會自動加載
</span>
<span>//&nbsp;最新版本匹配該部分修訂模式
</span>
<span>//&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()
</span>
<span>});
</span>
登入後複製
這沒什麼錯,實際上,這比自己託管JQuery是一種改進,但並不能提供最佳性能。Google主持的jQuery的好處上面的圖像清楚地表明,加載,解析和執行JSAPI會對實際的jQuery請求產生負面影響。這不是一個大數量,但這是一個延遲。最糟糕的部分是,您無法與這種負載方法可靠地使用$(Document).Dready()處理程序。它需要setOnloadCallback()。

回到必需品

最重要的是,我建議使用這種舊方法避免JSAPI延遲並消除三個無用的HTTP請求。我會推薦並更喜歡這個。

結論

歸根結底,決定掌握在您手中。您可以選擇在服務器上本地託管jQuery或使用Google Ajax庫CDN。但是我希望上面的解釋確實顯示出通過Google Ajax庫CDN託管JQuery而不是親自託管的優勢。理想情況下,Google Ajax庫CDN顯然更好。

關於Google主持的JQuery的常見問題

使用Google託管的jQuery有什麼好處?

Google主持的JQuery提供了一些好處。首先,它提高了您網站的速度和效率。 Google的服務器可能比您自己的服務器快,因此您的網站將更快地加載。其次,它節省了帶寬。 Google託管這些庫,因此它們不會佔用您的服務器上的任何空間。最後,它提供了更好的緩存。大多數用戶已經從Google緩存了這些庫。如果他們使用同一庫訪問了一個站點,則無需再次下載。

如何鏈接Google CDN的jQuery?

要鏈接Google CDN的jQuery,您需要在HTML文件中添加腳本標籤。腳本標籤的SRC屬性應指向Google CDN上的jQuery庫。這是一個例子:

Google CDN上最新版本的JQuery是什麼?

Google CDN上的最新版本可以在Google Developers網站上找到。截至目前,最新的穩定版本是jQuery 3.5.1。但是,最好檢查官方網站以獲取最新版本。

為什麼我要使用Google的CDN而不是自己託管JQuery?

將Google的CDN用於jQuery比自己託管具有多個優點。它可以減少服務器上的負載,增加網站的負載速度並改善緩存。此外,Google的CDN可能比您自己的服務器更可靠,更快。

我可以離線使用Google託管的jQuery嗎?

不,您不能離線使用Google託管的jQuery。由於文件託管在Google的服務器上,因此您需要Internet連接才能訪問它們。如果您需要離線使用jQuery,則應下載庫並將其託管在您自己的服務器上。

Google託管的jQuery免費使用嗎?

是的,Google託管的jQuery完全免費使用。 Google提供此服務是其使網絡更快,更高效的使命的一部分。

Google託管的jQuery的可靠性如何?

Google主持的jQuery非常可靠。 Google的服務器是世界上最強大和最可靠的服務器,確保在您的網站需要時始終可以使用jQuery庫。

Google託管JQuery是否支持所有瀏覽器?

是的,Google主持的JQuery支持所有現代瀏覽器,包括Chrome,Firefox,Safari和Edge。但是,對於較舊的瀏覽器,您可能需要使用舊版本的jQuery。

Google託管的jQuery多久更新一次?

每當發布新的穩定版本的jQuery版本時,都會更新Google託管的jQuery。 Google的目標是使其託管庫盡可能最新。

我可以與其他JavaScript庫一起使用Google託管的jQuery嗎?

是的,您可以將Google託管的jQuery與其他JavaScript庫一起使用。 JQuery的設計旨在與其他庫一起播放,並且使用Google的CDN不會改變。

以上是Google主持的jQuery的好處的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1676
14
CakePHP 教程
1429
52
Laravel 教程
1333
25
PHP教程
1278
29
C# 教程
1257
24
Python vs. JavaScript:學習曲線和易用性 Python vs. JavaScript:學習曲線和易用性 Apr 16, 2025 am 12:12 AM

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

JavaScript和Web:核心功能和用例 JavaScript和Web:核心功能和用例 Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。

JavaScript在行動中:現實世界中的示例和項目 JavaScript在行動中:現實世界中的示例和項目 Apr 19, 2025 am 12:13 AM

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

了解JavaScript引擎:實施詳細信息 了解JavaScript引擎:實施詳細信息 Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要,因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段;2)執行過程中,引擎會進行動態優化,如內聯緩存和隱藏類;3)最佳實踐包括避免全局變量、優化循環、使用const和let,以及避免過度使用閉包。

Python vs. JavaScript:社區,圖書館和資源 Python vs. JavaScript:社區,圖書館和資源 Apr 15, 2025 am 12:16 AM

Python和JavaScript在社區、庫和資源方面的對比各有優劣。 1)Python社區友好,適合初學者,但前端開發資源不如JavaScript豐富。 2)Python在數據科學和機器學習庫方面強大,JavaScript則在前端開發庫和框架上更勝一籌。 3)兩者的學習資源都豐富,但Python適合從官方文檔開始,JavaScript則以MDNWebDocs為佳。選擇應基於項目需求和個人興趣。

Python vs. JavaScript:開發環境和工具 Python vs. JavaScript:開發環境和工具 Apr 26, 2025 am 12:09 AM

Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda,適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack,適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。

C/C在JavaScript口譯員和編譯器中的作用 C/C在JavaScript口譯員和編譯器中的作用 Apr 20, 2025 am 12:01 AM

C和C 在JavaScript引擎中扮演了至关重要的角色,主要用于实现解释器和JIT编译器。1)C 用于解析JavaScript源码并生成抽象语法树。2)C 负责生成和执行字节码。3)C 实现JIT编译器,在运行时优化和编译热点代码,显著提高JavaScript的执行效率。

Python vs. JavaScript:比較用例和應用程序 Python vs. JavaScript:比較用例和應用程序 Apr 21, 2025 am 12:01 AM

Python更適合數據科學和自動化,JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色,使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺,用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用,支持全棧開發。

See all articles