Tối ưu Contact Form 7

Source: Tối ưu Contact Form 7

Làm thế nào để tối ưu hóa Biểu mẫu liên hệ 7?

Contact Form 7 là plugin tạo biểu mẫu miễn phí hoàn chỉnh và phổ biến nhất dành cho WordPress.

Nó sẽ giúp WordPress có khả năng tạo biểu mẫu liên hệ và chèn biểu mẫu vào bất kỳ trang nào bạn muốn.

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

Nó giúp tối ưu hóa tốc độ và seo cho website.

Hãy bắt đầu với tối ưu hóa:

Tôi sẽ chia sẻ với bạn cách ẩn JS hoặc CSS của plugin này khi biểu mẫu không tồn tại trong bất kỳ trang hoặc bài đăng nào.

Bạn chỉ cần dán đoạn mã trên vào tệp 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 mã trên sẽ kiểm tra nếu nó không có ở đó shortcode contact form 7 sau đó nó sẽ tự động hủy đăng ký css và js Chia sẻ giúp tối ưu tốc độ tải trang web hiệu quả.

Phần kết

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

Nếu thấy hay các bạn 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 nhé.

Theo dõi fanpage để nhận những bài viết mới nhất: Hocwordpress Group

Chúc các bạn có những kiến ​​thức bổ ích và thú vị về wordpress!

Via: sieucoder.com

from sieucoder.com https://ift.tt/32C7a8a
via Sieucoder.com