Tối ưu Contact Form 7

Tối ưu Contact Form 7 như thế nào?

Contact Form 7 là một plugin tạo form miễn phí hoàn toàn và phổ biến nhất cho WordPress.

Nó sẽ giúp WordPress có thêm tính năng tạo form liên hệ và chèn form vào bất kỳ trang nào bạn muốn.

Tối ưu là việc chỉ khi người dùng vào các page/post có sử dụng đến form contact thì website mới load tài nguyên liên quan đến nó mà thôi. Còn với các page không có form contact thì sẽ không load js, css.

Nó giúp tối ưu web về tốc độ và cũng như về seo cho website.

Bắt đầu cách tối ưu thôi nào :

AZ9S sẽ chia sẻ bạn cách để ẩn JS hoặc CSS của plugin này khi form không tồn tại trong 1 page hoặc 1 post nào bất kỳ.

Bạn chỉ cần dán đoạn code ở trên vào file functions.php của theme

//Tối yêu CF7
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );
add_action( 'the_content', 'load_cf7_assets' );
function load_cf7_assets($content){
global $post;
$post_content = $post-&gt;post_content;
if ( has_shortcode( $post_content, 'contact-form-7' ) ) {
// Load CF7 Javascript
if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
wpcf7_enqueue_scripts();
}
// Load CF7 CSS
if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
wpcf7_enqueue_styles();
}
}
return $content;
}

//Tối yêu CF7

add_filter( 'wpcf7_load_js', '__return_false' );

add_filter( 'wpcf7_load_css', '__return_false' );

add_action( 'the_content', 'load_cf7_assets' );

function load_cf7_assets($content){

global $post;

$post_content = $post->post_content;

if ( has_shortcode( $post_content, 'contact-form-7' ) ) {

// Load CF7 Javascript

if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {

wpcf7_enqueue_scripts();

}

// Load CF7 CSS

if ( function_exists( 'wpcf7_enqueue_styles' ) ) {

wpcf7_enqueue_styles();

}

return $content;

}

Đoạn code trên sẻ kiểm tra xem nếu không có shortcode contact form 7 thì nó sẻ tự động deregister css và js đi sẻ giúp tối ưu tốc độ load website hiệu quả.