بهینه سازی فرم تماس 7 برای سرعت بیشتر

سلام دوستان!افزون contact form 7 یا فرم تماس 7 رو میشه پر استفاده ترین افزونه رایگان فرم تماس ساز دانست و تا همین لحظه بیش از 17 میلیون بار دانلود داشته.این افزونه رو قبلا در همیار وردپرس معرفی کردیم.

استفاده از CSS و جاوا اسکریپت برای نمایش این افزونه باعث میشه که سایت به صورت کلی سنگین بشه و از نظر گوگل هم یکی از مشخصه های سایت خود سرعت لود بالاست.قصد داریم کاری بکنیم که این کد ها فقط در صفخه ای اجرا بشوند که فرم تماس داریم تا سرعت لود کلی سایت بره بالاتر.

بهینه سازی:

ما قصد داریم که کد CSS و جاوااسکریپت مربوط به  فرم فقط در صفحه ای که از فرم استفاده میکنیم اجرا بشه.وارد قسمت نوشته ها میشیم صفحه ای که فرم در اون استفاده میشه رو پیدا میکنیم روی ویرایش سریع کلیک میکنیم و نامک اون صفحه رو برمیداریم.(در مثال ما نامک صفحه contact-us هست)

• CSS:

از قسمت نمایش,ویرایشگر فایل functions.php رو باز میکنیم,کد زیر رو کپی میکنیم:

 

// Deregister Contact Form 7 styles
add_action( 'wp_print_styles', 'aa_deregister_styles', 100 );
function aa_deregister_styles() {
    if ( ! is_page( 'contact-us' ) ) {
        wp_deregister_style( 'contact-form-7' );
    }
}

• جاوا اسکریپت

برای جاوا اسکریپت هم کد زیر رو در functions.php  قرار میدهیم:

 

// 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( 'contact-us' ) ) {
        wp_deregister_script( 'contact-form-7' );
    }
}

به همین سادگی!