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

در این مقاله از دکتر وردپرس قصد دارم تا به معرفی دو قطعه کد بپردازم که با استفاده از آن قادر خواهید بود تا فرم تماس وردپرس را بهینه کرده و به میزان قابل توجهی حجم صفحاتی که از این افزونه در آن استفاده کرده‌اید را کاهش داده و در نتیجه سرعت صفحات را افزایش دهید.

بهینه سازی فرم تماس وردپرس

بهینه سازی فرم تماس وردپرس

بهینه سازی فرم تماس وردپرس

یکی از مشخصه‌های بهینه بودن سایت کاهش زمان لود صفحه می‌باشد که هرچه این میزان زمان کمتر باشد امتیاز بیشتری از نظر سرعت بارگزاری در وردپرس به شما از سمت موتور جستجو اختصاص داده شده و سایت شما بهینه‌تر خواهد بود.

پیشنهاد بعدی  آشنایی با پلاگین ساخت پاپ آپ OptinMonster

یکی از افزونه‌هایی که میان کاربران وردپرس استفاده زیادی دارد و همواره از ان استفاده می‌شود فرم تماس 7 می‌باشد که به دلیل استفاده از CSS و JS حجم این صفحات در این افزونه زیاد بوده و باعث افت سرعت سایت می‌شود.

بنابراین برای بهینه سازی فرم تماس وردپرس می‌توانید به ترتیب زیر عمل کنید. ابتدا به ویرایشگر قالب خود مراجعه کرده و فایل فانکشن(functions.php) قالب را باز کرده و کدهای زیر را در مکان مناسبی از آن قرار دهید.

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

همانطور که در کد بالا مشاهده می‌کنید با استفاده از این کد استایل مربوط به فرم تماس وردپرس بهینه شده و از میزان حجم آن کاسته خواهد شد. حال نوبت به بهینه سازی فایل جاوا اسکریپت استفاده شده در فرم تماس وردپرس می‌باشد که برای اینکار نیز می‌توانید کدهای زیر را در فایل فانکشن قالب خود قرار دهید.

<?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' );
}
}
?>

در این کد نیز مشابه استایل فرم تماس 7 فایل‌های جاوا اسکریپت در این فرم نیز بهینه شده و سرعت بارگزاری صفحاتی که از فرم تماس در آن استفاده کرده‌اید افزایش خواهد یافت.

پیشنهاد بعدی  آموزش اضافه کردن اطلاع رسانی در پیشخوان وردپرس

شاد باشید..

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 1 رای
Loading...