最佳化加速 WordPress 網站是許多 WordPress 網站管理員孜孜以求的事情。我們都希望我們的網站執行的快,快,更快。那麼如何讓網站達到最佳的允許速度呢?

如果您還不理解 WordPress 網站加速,建議看一下上面的幾篇文章。今天,筆者要介紹一下聯絡表單 Contact Form 7 最佳化加速。

一、為什麼應該最佳化 Contact Form 7

Contact Form 7 對於經常使用 WordPress 使用者來說非常熟悉了。這是一款優秀的聯絡表單外掛。優秀在於使用簡單,功能強大,還可以擴充套件。可以整合到你的網站或主題內。例如筆者的 WordPress 外貿主題 djtradeone v1.1 。這款主題就整合了 Contact Form 7 聯絡表單作為諮詢表單。這是一款免費的聯絡表單,人人可以用。

optimize-Contact-Form-7

總所周知,WordPress 外掛是偉大的。因為讓你的網站擴充套件性非常的後,也變得強大。但是每一個外掛都有自己的 css/js 檔案。這在某種程度上會增加 WordPress 站點的負荷。然而有些外掛我們捨不得放棄,如 Contact Form 7 。

所以最佳化 Contact Form 7 表單就顯得非常重要。而作為一個聯絡表單,可能你只需要在聯絡頁面使用。所以這使得最佳化成為了可能。所以我們最佳化的思路在於,需要的地方載入其 css/js 檔案。

二、最佳化 Contact Form 7

有兩個方法最佳化,修改 wp-config.php 和 functions.php 檔案。最方便的自然是修改檔案 functions.php 。因此,本文介紹的是透過修改 functions.php 檔案最佳化 Contact Form 7 。

開啟 functions.php 。透過外觀編輯,開啟。

加入以下程式碼:

//* Remove Contact Form 7 js file
function rvam_deregister_cf7_scripts() {
if ( !is_page(213) ) {
wp_deregister_script( 'contact-form-7' );
}
}
add_action( 'wp_print_scripts', 'rvam_deregister_cf7_scripts', 100 );

//* Remove Contact Form 7 css file
function rvam_deregister_cf7_styles() {
if ( !is_page(213) ) {
wp_deregister_style( 'contact-form-7' );
}
}
add_action( 'wp_print_styles', 'rvam_deregister_cf7_styles', 100 );

你會注意到 「213」,這個就是你聯絡頁面的 id 號,記住修改成你網站的 id 號。如何檢視到你頁面的 id 號呢?你在後臺頁面,點所有頁面,找到你的聯絡頁面。把滑鼠移到上面,在頁尾狀態列就會看到一個數字。這就是你的頁面 id 號。

如果是多個頁面,可以透過陣列方式獲取頁面別名即可。

is_page ( array('contact-1', 'contact-2'))

contact-1 和 contact-2 就是你的頁面的別名,如何獲取別名?找到頁面,點快速編輯,在第二個地址的地方就是別名 (一般就是你的網址連結地址的最後一個) 。