Tối ưu Contact Form 7

Ngày đăng: 22 - 04 - 2021 Lượt xem: 50 lượt

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 :

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.

Hãy follow fanpage để nhận được những bài viết mới nhất nhé : Hocwordpress Group

Chúc bạn có những kiến thức về  wordpress thú vị và hay ho !

0 0 votes
Article Rating

Mục lục
guest
0 Comments
Inline Feedbacks
View all comments

Bài viết liên quan

Thay đổi URL WordPress không mất SEO

Thay đổi URL WordPress không mất SEO

27 - 04 - 2021

Thay đổi URL WordPress không mất SEO? Quyết định thay đổi URL trang WordPress của bạn không nên xem nhẹ....

Thêm cột user đăng nhập lần cuối  WordPress

Thêm cột user đăng nhập lần cuối WordPress

27 - 04 - 2021

Thêm cột user đăng nhập lần cuối WordPress như thế nào? Hôm nay mình sẽ hướng dẫn làm thế nào...

Chống copy hình ảnh bằng code đơn giản Wordpress

Chống copy hình ảnh bằng code đơn giản Wordpress

22 - 04 - 2021

Chống copy hình ảnh đơn giản Wordpress như thế nào? 1. Có nên chống copy hình ảnh trên web không? Cái...

Bảo mật  WordPress bằng cách đổi tên thư mục wp-content

Bảo mật WordPress bằng cách đổi tên thư mục wp-content

22 - 04 - 2021

Bảo mật WordPress bằng cách đổi tên thư mục wp-content là như thế nào? Như bạn biết, trong một website...

Lọc sản phẩm theo khoảng giá Woocommerce

Lọc sản phẩm theo khoảng giá Woocommerce

17 - 04 - 2021

WOOF - WooCommerce Products Filter  – là 1 plugin giúp lọc sản phẩm theo khoảng giá, bạn có thể...

Thêm nút chia sẻ mạng xã hội trong Wordpress

Thêm nút chia sẻ mạng xã hội trong Wordpress

17 - 04 - 2021

Thêm nút chia sẻ mạng xã hội Wordpress như thế nào? Khi chúng ta làm một trang web nào đấy...

0
Would love your thoughts, please comment.x
()
x