Jquery 是一個快速、小巧且功能豐富的 JavaScript 庫。它使操作 HTML 文檔、處理事件、創建動畫和開發互動式用戶界面變得更加容易。默認情況下,WordPress 包含 jQuery,但它可能並不總是最新版本。在本文中,我們將向您展示如何從 WordPress 中的內容分發網路 (CDN) 載入 jQuery。
為什麼要從 CDN 載入 jQuery?
您可能希望從 CDN 載入 jQuery 而不是使用 WordPress 附帶的版本的原因有多種。
- 改進的性能:CDN 將內容分發到全球多個伺服器。當用戶訪問您的網站時,他們將從最近的伺服器獲得內容,從而減少延遲並縮短載入時間。
- 更好的緩存:從 CDN 載入 jQuery 允許瀏覽器緩存文件,減少用戶每次訪問您的網站時需要下載的數據量。
- 可靠性:依靠大型且完善的 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 有任何疑問或問題,請告訴我。