如何在 WordPress 中從 CDN 載入 jQuery?

Jquery 是一個快速、小巧且功能豐富的 JavaScript 庫。它使操作 HTML 文檔、處理事件、創建動畫和開發互動式用戶界面變得更加容易。默認情況下,WordPress 包含 jQuery,但它可能並不總是最新版本。在本文中,我們將向您展示如何從 WordPress 中的內容分發網路 (CDN) 載入 jQuery。

為什麼要從 CDN 載入 jQuery?

您可能希望從 CDN 載入 jQuery 而不是使用 WordPress 附帶的版本的原因有多種。

  1. 改進的性能:CDN 將內容分發到全球多個伺服器。當用戶訪問您的網站時,他們將從最近的伺服器獲得內容,從而減少延遲並縮短載入時間。
  2. 更好的緩存:從 CDN 載入 jQuery 允許瀏覽器緩存文件,減少用戶每次訪問您的網站時需要下載的數據量。
  3. 可靠性:依靠大型且完善的 CDN,您可以確信 jQuery 庫將隨時可供您的用戶使用和訪問。

如何在 WordPress 中從 CDN 載入 jQuery

要從 WordPress 中的 CDN 載入 jQuery,您需要修改主題或創建插件。這是您需要做的:

將以下代碼添加到主題的 functions.php 文件或插件文件中:

function crunchify_load_jquery_from_google_cdn() { if (!is_admin()) { wp_deregister_script(‘jquery’); wp_register_script(‘jquery’, ‘https://code.jquery.com/jquery-3.6.3.min.js’, false, ‘3.6.0’); wp_enqueue_script(‘jquery’); }}add_action(‘wp_enqueue_scripts’, ‘crunchify_load_jquery_from_google_cdn’);

此代碼取消註冊 default jQuery script WordPress 中包含的,並將其替換為來自 jQuery CDN 的版本。

通過檢查您網站的源代碼來驗證是否正在從 CDN 載入 jQuery。在您的瀏覽器中,右鍵單擊頁面並選擇「查看頁面源代碼」。然後搜索「jquery」,看看script標籤中的URL是否與CDN URL匹配。

注意:確保 CDN 可靠並且您使用的 jQuery 版本與您的 WordPress 主題和插件兼容非常重要。如果遇到任何問題,您可能需要切換回 WordPress 附帶的默認版本的 jQuery。

使用不同的 CDN – Google CDN

您還可以使用不同的 CDN,例如 Google,在 WordPress 中載入 jQuery。下面是使用 Google CDN 的代碼:

function crunchify_load_jquery_from_google_cdn() { if (!is_admin()) { wp_deregister_script(‘jquery’); wp_register_script(‘jquery’, ‘https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js’, false, ‘3.6.0’); wp_enqueue_script(‘jquery’); }}add_action(‘wp_enqueue_scripts’, ‘crunchify_load_jquery_from_google_cdn’);

如果您對在您的網站上載入 jQuery 有任何疑問或問題,請告訴我。

相關文章