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

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.

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

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

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

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.