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ó tiêu 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 :

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ẻ đánh giá 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ả.

Lời kết

Chỉ với đoạn code đơn giản trên, bạn đã tối ưu website wordpress của bạn phần nào, giúp người dùng có trải nghiệm tốt hơn rồi đấy.

Nếu các bạn thấy hay có thể theo dõi chuyên mục thủ thuật wordpress để biết thêm nhiều kiến thức mới nha.

Hãy xem thêm các bài đăng khác trên Website của chúng tôi để nhận được những bài viết mới nhất nhé.

Chúc bạn có những thêm những kiến thức hữu ích về wordpress cho việc học tập và nghiên cứu của mình.