Tối ưu Contact Form 7 để tăng tốc website wordpress của bạn

Source: Tối ưu Contact Form 7 để tăng tốc website wordpress của bạn

Mẫu liên hệ 7 là một trong những Plugin miễn phí Tốt nhất để tạo biểu mẫu liên hệ, mặc dù miễn phí nhưng nó có tất cả các tính năng bạn cần để tạo trang liên hệ hoặc để tùy chỉnh các biểu mẫu khác.

Cách tối ưu hóa tốc độ WordPress

Không chỉ plugin Contact Form 7 mà bất kỳ plugin nào cũng vậy, nó được xây dựng bởi nhiều mã hoặc kiểu js khác nhau, vì vậy khi bạn cài đặt và kích hoạt plugin trên trang web của mình, có nghĩa là trang web của bạn sẽ phải tải plugin đó mỗi khi người dùng mở. bất kỳ trang nào trên trang web của bạn.

Nếu bạn có một trang web với lượng người xem lớn và tích cực, thì trong giờ cao điểm, nhiều người truy cập vào trang web của bạn, điều này có thể khiến trang web bị chậm lại, nhưng nếu bạn đang sử dụng băng thông lưu trữ hạn chế sẽ dễ dẫn đến việc tiêu tốn tài nguyên để hiển thị js của biểu mẫu liên hệ 7 và css trên các trang không cần tải tài nguyên của biểu mẫu liên hệ 7

Tối ưu hóa contact form 7 để tăng tốc trang web wordpress của bạn

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

Tối ưu contact form là chỉ khi người dùng vào các trang / bài viết có sử dụng contact form thì website của bạn mới tải được các tài nguyên liên quan đến plugin contact form 7, còn đối với các trang không có contact form thì sẽ không tải js, css, help tăng tốc trang web wordpress của bạn cũng như tốt cho công việc seo trang web của bạn.

Bắt đầu tối ưu hóa biểu mẫu liên hệ của bạn ngay bây giờ

Bước 1:

Đầu tiên, bạn tìm và liệt kê các bài đăng / trang đang sử dụng biểu mẫu liên hệ dựa trên slug của bài đăng hoặc trang

Ví dụ cụ thể như hình trên, mình sẽ làm với trang dịch vụ themeforest get giá rẻ bằng slug dich-vu

Bước 2:

Bạn mở tệp functions.php của chủ đề bạn đang sử dụng, sau đó thêm mã này vào bên dưới

// Deregister Contact Form 7 styles
add_action( 'wp_print_styles', 'aa_deregister_styles', 100 );
function aa_deregister_styles() {
if ( ! is_page( 'dich-vu' ) ) {
wp_deregister_style( 'contact-form-7' );
}
}
// Deregister Contact Form 7 JavaScript files on all pages without a form
add_action( 'wp_print_scripts', 'aa_deregister_javascript', 100 );
function aa_deregister_javascript() {
if ( ! is_page( 'dich-vu' ) ) {
wp_deregister_script( 'contact-form-7' );
}
}

Đoạn mã trên sẽ có nhiệm vụ, kiểm tra xem trang đang hiển thị cho người dùng có phải là trang có slug không dich-vu hay không. Nếu không, css và js của plugin contact form 7 sẽ không được hiển thị trên trang đó. Nó chỉ đơn giản vậy thôi

Điều gì sẽ xảy ra nếu trang web của bạn có nhiều bài đăng hoặc trang sử dụng biểu mẫu liên hệ?

Rất đơn giản, trong hàm trên, bạn thấy việc sử dụng is_page () là một chức năng có sẵn trong thư viện WordPress, vì vậy bạn có thể tạo một mảng bên trong nó có thể chứa các giá trị như ID trang, Tiêu đề trang hoặc Slug trang

//is_page( array( ID, 'slug', 'Title' ) );
is_page( array('dich-vu', 'contact' ) );

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. Chúc bạn thành công

Via: sieucoder.com

from sieucoder.com https://ift.tt/3ImMcdd
via Sieucoder.com