2 cách tối ưu plugin Contact Form 7 giúp tăng tốc độ website WordPress.
Với hơn 5 triệu lượt cài đặt (tính đến thời điểm hiện tại), Contact Form 7 là một trong những plugin tạo biểu mẫu liên hệ phổ biến nhất trên nền tảng WordPress.
Tuy nhiên, sự phổ biến không đồng nghĩa với hiệu suất tối ưu, đặc biệt là về tốc độ tải trang. Contact Form 7 thường được coi là khá nặng và có thể ảnh hưởng tiêu cực đến tốc độ tải của trang web.
Nếu điều kiện cho phép, bạn nên xem xét chuyển sang sử dụng một plugin khác như WPForms.
Tuy nhiên, nếu bạn đã quen thuộc với Contact Form 7 hoặc có lý do riêng không thể chuyển sang plugin khác, dưới đây là một thủ thuật nhỏ để tối ưu hóa hiệu suất của nó.
#1 Sử dụng plugin(không khuyến khích)
Đơn giản, bạn chỉ cần cài đặt và kích hoạt một plugin có tên là “Speed up Contact Form 7“. Plugin này chỉ bao gồm một file PHP duy nhất với một vài dòng code, vì vậy không có gì phải lo lắng về tác động tiêu cực của nó đến tốc độ của trang web.
Sau khi cài đặt và kích hoạt, hãy xóa cache của trang web (nếu có) và kiểm tra kết quả.
#2 Sử dụng code
Hãy chèn thêm đoạn mã sau vào file functions.php của theme hoặc child theme bạn đang sử dụng.
Nếu không có child theme thì bạn cũng có thể sử dụng plugin Code Snippets để chèn mã này mà không lo bị xóa mất khi cập nhật theme.
function wpcb_contact_form_7() {
$load_scripts = false;
if( is_singular() ) {
$post = get_post();
if( has_shortcode($post->post_content, 'contact-form-7') ) {
$load_scripts = true;
}
}
if( ! $load_scripts ) {
wp_dequeue_script( 'contact-form-7' );
wp_dequeue_script( 'google-recaptcha' );
wp_dequeue_script( 'wpcf7-recaptcha' );
wp_dequeue_script( 'wpcf7-redirect-script' );
wp_dequeue_style( 'contact-form-7' );
wp_dequeue_style( 'cf7-confirmation-addon' );
wp_dequeue_style( 'wpcf7-redirect-script-frontend' );
}
}
add_action( 'wp_enqueue_scripts', 'wpcb_contact_form_7', 99 );
Sau khi thêm mã này, hãy xóa cache của trang web (nếu có) và kiểm tra kết quả.
ý tưởng chính của giải pháp này là chặn tải css và JavaScript file ở các trang không có gắn contact form.
Rất đơn giản, phải không nào?
Chúc bạn thành công!