如何在 WordPress 中刪除未使用的 JavaScript
已發表: 2022-10-02如果您是 WordPress 用戶,那麼您很可能一直在尋找加快網站速度的方法。 一種方法是從您的站點中刪除未使用的 JavaScript。 JavaScript 是一種有助於使網頁具有交互性的編程語言。 它允許您執行諸如單擊按鈕和查看彈出窗口之類的操作。 WordPress 是用 PHP 編寫的,這是一種不同的編程語言。 但是,許多 WordPress 主題和插件使用 JavaScript。 這意味著即使您在自己的網站上不使用任何 JavaScript,也很有可能在您的頁面上加載了JavaScript 代碼。 此 JavaScript 代碼會降低您的網站速度,因此刪除任何未使用的代碼非常重要。 在本文中,我們將向您展示如何在沒有插件的情況下刪除 WordPress 中未使用的 JavaScript。
Pagespeed 的延遲到第一次交互工具可用於從營銷和其他非必要插件中刪除未使用的 Javascript。 WP Meteor 是一個免費的、經過測試的、最新的插件,允許您在用戶交互後加載 Javascript。 如果您對資產延遲有任何問題,您可以使用與插件對應的正則表達式或關鍵字。 WP Rocket 延遲 javascript 的邏輯已更新,現在它會延遲所有 javascript,包括內聯腳本。 您還可以通過延遲任何第三方插件來解決 Pagespeed “減少第三方警告的影響”。 如果您的網站在桌面上擁有 90% 以上的用戶,那麼最好早點而不是晚點執行移動菜單。 如果不使用插件,無法從 WordPress 中刪除 Javascript 和 css 文件。
通過更改資產列表佈局,您可以根據資產的大小顯示資產。 可以運行使用測試模式刪除的任何資產組合。 結合使用 WP Meteor 和 Autoptimize 可以在同一個程序中使用。
如何從我的網站中刪除未使用的 Javascript?

如果您有一個基於 WordPress 的網站,您可以使用插件從其頁面中刪除未使用的 JavaScript。 您還可以使用 AssetCleanUp 禁用仍然未使用的 JavaScript 文件,它可以與 AssetCleanUp 結合使用。 如果您想了解未使用的 JS 發生了什麼,請使用Chrome DevTools並刪除不必要的文件。
如何刪除未使用的 WordPress 代碼?

在帖子編輯屏幕上,您將在帖子編輯器旁邊看到一個標有Asset CleanUp的框。 當訪問者查看您網站上的特定頁面時,插件將自動獲取並列出與該頁面關聯的所有文件和資產。 然後,您可以從該頁面中刪除任何不需要的未使用的 CSS 或 JavaScript 文件。
如何在 WordPress 中禁用 Javascript?

假設您想知道如何在 WordPress 中禁用 JavaScript,您可以使用一些方法。 一種方法是簡單地編輯您的主題或子主題的 header.php 文件並刪除調用JavaScript 文件的代碼行。 另一種方法是使用像 Disable JavaScript 或 JS Disable 這樣的插件。

如何在 WordPress 中禁用 Javascript?
WP_deregister_script 可用於從特定頁面中刪除不需要的 JS、CSS。 很好,如果您考慮以下示例中描述的功能。 在這種情況下,一個插件有 20 個js 調用。
通過資產清理減少您網站的文件大小
如果您使用任何流行的框架,例如 Bootstrap、Foundation 或 AngularJS,您可能會使用許多頁面加載不需要的資產。 在“資產清理”期間,您可以通過禁用這些資產來大幅減小站點文件的大小並加快頁面加載速度。
如何刪除 WordPress 腳本?
Head Cleaner 是一個插件,用於從 WordPress 的頁眉和頁腳中刪除 CSS 和腳本。 插件可以從設置的插件部分下載,然後選擇不需要輸出的腳本。
在 WordPress 中取消註冊和排隊樣式表
第一個方法 deregister_style() 將從 WordPress 樣式引擎中刪除樣式表。 您可以使用此方法從插件或主題中刪除樣式表,但您不希望從服務器中刪除樣式表。 第二個函數 Dequeue_style() 將使用 WordPress 樣式引擎將新樣式表排入隊列。 如果您想將樣式表添加到插件或主題中,此方法在某些情況下可能很有用,但不應使用它來覆蓋現有樣式表。 在 deregister_style() 和 dequeue_style() 回調函數中,都可以使用第三個參數。 當您取消註冊或將樣式表排入隊列時,您將能夠調用此函數,並且您將能夠執行您需要的任何操作。 如果要取消註冊或出列樣式表,必須首先找到要刪除或添加的樣式表的名稱。 您可以通過這種方式使用函數 get_style() 和 get_style_object() 來完成此操作。 通過返回與樣式表關聯的樣式對象的名稱,可以分別使用 get_style() 和 get_style_object() 方法訪問 WordPress 樣式表。 樣式表將在接下來可見,並將位於您想要的位置。 使用函數 get_stylesheet() 和 get_stylesheet_object() 是完成此任務的好方法。 get_stylesheet() 和 get_stylesheet_object() 將分別返回樣式表的路徑。 或者,您可以使用 deregister_style() 或 dequeue_style() 方法將樣式表刪除或添加到 WordPress。 為了使用 deregister_style() 取消註冊樣式表,需要以下代碼: 樣式表 br> 應該被取消註冊。 WordPress_dequeue_style(主題'my_css_file'); *br> 您將使用以下代碼來使用 dequeue_style() 將樣式表排入隊列,如以下代碼中所述。 為此,請選擇樣式表 *br*。 此樣式用於 WP_enqueue_style(my_css_file.css,'my_callback_function')。