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 :

1-8-5

Mình 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

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ả.