چگونه افزونه های وردپرس بر زمان بارگذاری سایت تاثیر می گذارد؟

تاکنون به این فکر کرده اید که چگونه افزونه های وردپرس بر زمان بارگذاری وب سایت شما تاثیر میگذارد؟ افزونه های وردپرس به شما این امکان را می دهد که از ویژگی های آنها در سایت های خود استفاده کنید. اما آنها همچنین می توانند در سرعت وب سایت شما نیز اثر بگذارند در این آموزش ما به شما نشان می دهیم که چگونه افزونه های وردپرس بر زمان بارگذاری سایت تاثیر میگذارد و چگونه می توانید آنها را به صورت موثر کنترل کنید.

افزونه های وردپرس چگونه کار میکنند ؟

• افزونه های وردپرس همانند برنامه برای سایت های وردپرس هستند شما می توانید با نصب کردن آنها امکاناتی همانندی ( فرم تماس، گالری عکس یا فروشگاه الکترونیک ) را در وب سایت خود اضافه کنید.
• هنگامی که کسی از وب سایت شما بازدید می کند، ابتدا فایل های اصلی خود را و سپس تمام افزونه ها فعال را بارگیری می کند.
• ساختن درخواست های پایگاه داده و بارگیری دارایی ها به زمان بارگذاری سایت شما افزوده می شود.
• اکثر افزونه ها یک درخواست HTTP برای بار کردن دارایی مانند اسکریپت، CSS و تصاویر را ایجاد می کنند.
• هر درخواست زمان بارگذاری صفحه سایت شما را افزایش می دهد.
  
• هنگامی که به درستی انجام می شود، تأثیر عملکرد بسیار قابل توجه نیست.
• با این حال اگر بخواهید از افزونه های متعدد استفاده کنید باید درخواست های HTTP بیش از حد برای بارگیری فایل ها و دارایی ها انجام  بدهید.
• چون آن ها بر عملکرد سایت و تجربه کاربر تاثیر می گذارد.

چگونه فایل های Loaded توسط افزونه وردپرس را بررسی کنیم؟

برای دیدن اینکه چگونه افزونه ها زمان بارگذاری صفحه شما را تحت تاثیر قرار می دهند، باید فایل هایی را که توسط افزونه های وردپرس بارگذاری شده اند را بررسی کنید.

• برای بررسی این موضوع ابزارهایی وجود دارد شما می توانید از ابزار توسعه دهنده مرورگر خود (بررسی در Google Chrome و Inspect Element در فایرفاکس) استفاده کنید.
  
• به سادگی در وب سایت و با کلیک راست گزینه Inspect را انتخاب کنید .این پانل ابزار توسعه دهنده را باز می کند.
• شما باید بر روی زبانه ‘Network’ کلیک کنید و سپس وب سایت خود را دوباره بارگذاری نمایید.
• به عنوان صفحه بارگذاری مجدد، شما قادر خواهید بود ببینید که چگونه مرورگر هر فایل را بارگیری خواهد کرد .
  

برای دیدن این کار می توانید از ابزارهای شخص ثالث مانند Pingdom و GTmetrix نیز استفاده کنید.

در میان سایر اطلاعات مفید، این ابزار همچنین به شما  تمام فایل هایی که بارگذاری شده اند و چه مقدار زمان بررای بارگذاری آنها نیاز است را نشان می دهد .

استفاده از چند افزونه بسیار زیاد است؟

همانطور که مشاهده خواهید کرد این فایل ها بارگذاری میشوند اما ممکن است این سوال برای شما پیش بیاید که باید چندین افزونه در وب سایت خود استفاده کنید.

• پاسخ این سوال بستگی به افزونه های مورد نیاز در وب سایت شما دارد.
• یک افزونه به طور متوسط می تواند ۱۲ فایل را بارگذاری می کند در حالی که چندین افزونه میتواند فایل های جفتی زیادی را بارگذاری می کند.
• تمام افزونه های دارای کد گذاری مستلزم نگه داشتن فایل هایی هستند که بارگذاری می کنند.
• با این حال همه توسعه دهندگان افزونه دقیق نیستند. برخی از افزونه ها فایل ها را بر روی هر صفحه بارگذاری می کنند حتی زمانی که آنها به آن فایل ها نیاز ندارند.
• بنابراین اگر از افزونه های زیادی استفاده خواهید کرد این عمل بر سرعت بارگذاری سایت شما تاثیر خواهد داشت.

چگونه میتوانید افزونه ها را کنترل کنید ؟

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

• زمانی که متوجه شدید استفاده از یک افزونه وردپرس روی بارگذاری شما تاثیر می گذارد می توانید از افزونه مشابهی استفاده کنید که کارایی بهتری داشته باشد.
• سپس شما باید شروع به استفاده از ذخیره سازی و CDN کنید تا عملکرد و سرعت سایت خود را بهبود ببخشید.
• یکی دیگر از عواملی که باید در نظر داشته باشید، میزبانی وب سایت شماست.
• اگر سرورهای میزبانی شما به درستی بهینه سازی نشوند، پس از آن زمان پاسخ سایت شما افزایش می یابد.
• این به این معنی است که نه تنها افزونه ها، بلکه عملکرد کلی سایت شما نیز کندتر خواهد بود.
• اطمینان حاصل کنید که از یکی از بهترین شرکتهای میزبانی وردپرس استفاده می کنید.
  
• به عنوان آخرین راه حل، شما می توانید افزونه هایی را که دیگر به آنها نیازی ندارید را حذف کنید.
• بنابراین شما باید افزونه های نصب شده را بررسی کرده و افزونه هایی را که نیاز ندارید را حذف کنید .

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

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

• راه مناسب برای بارگیری اسکریپت ها و شیوه نامه ها در وردپرس با استفاده از توابع wp_enqueue_style و wp_enqueue_script است.
• اکثر توسعه دهندگان افزونه وردپرس از آنها برای بارگذاری فایل های افزونه استفاده می کنند.
• وردپرس همچنین دارای عملکردهای آسان برای لغو  اسکریپت ها و شیوه نامه ها میباشد .
  
• با این حال اگر شما فقط بارگیری آن اسکریپت ها و شیوه ها را غیر فعال کنید این افزونه های شما را شکست خواهد داد و آنها به درستی کار نخواهند کرد.
• برای رفع آن شما باید این سبکها و اسکریپت ها را به سبک و فایلهای جاوا اسکریپت خود تغییر دهید.
  
• به این ترتیب شما قادر به بارگیری همه آنها در یک بار، به حداقل رساندن درخواست HTTP و به طور موثر کاهش زمان بارگذاری صفحه خود  را مشاهده خواهید کرد.

غیرفعال کردن Stylesheets افزونه در وردپرس

در ابتدا شما باید نام یا دسته استایلی را که میخواهید ثبت نام  نمایید را پیدا کنید .شما می توانید با استفاده از ابزار بازرسی مرورگر خود آن را پیدا کنید.

پس از پیدا کردن دسته stylesheet می توانید آن را با اضافه کردن این کد به فایل functions.php تم یا یک افزونه خاص سایت خود، ثبت کنید.

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
}

شما میتوانید هر تعداد دسته استایلی را که می خواهید در این تابع ثبت نام کنید.

به عنوان مثال، اگر شما بیش از یک افزونه این کار را مانند این انجام دهید:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
wp_deregister_style( 'bfa-font-awesome-css' );
wp_deregister_style( 'some-other-stylesheet-handle' );
}

به خاطر داشته باشید که لغو ثبت این شیوه نامه ها ویژگی های افزونه ها و وب سایت شما را تحت تاثیر قرار خواهد داد.

شما باید همه محتویات هر شیوه ای که ثبت نام کرده اید را کپی کنید و آن را در قالب شیوه ی وردپرس خود قرار دهید یا آنها را به عنوان CSS سفارشی اضافه کنید.

افزونه JavaScripts در وردپرس غیر فعال کنید .

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

برای انجام این کار شما باید به عمق افزونه مورد نظر مراجعه کرده تا بتوانید دسته استفاده شده توسط افزونه برای بارگذاری یک اسکریپت را پیدا کنید .

راه دیگر برای پیدا کردن همه دسته های استفاده شده توسط  افزونه این است که این کد را در فایل functions.php موضوع خود اضافه کنید.

function wpb_display_pluginhandles() {
$wp_scripts = wp_scripts();
$handlename .= "<ul>";
foreach( $wp_scripts->queue as $handle ) :
$handlename .= '<li>' . $handle .'</li>';
endforeach;
$handlename .= "</ul>";
return $handlename;
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles');

پس از اضافه کردن این کد، شما می توانید  کد کوتاه [pluginhandles] را برای نمایش یک لیست از اسکریپت های افزونه استفاده کنید.

حالا که شما اسکریپت دارید، می توانید به راحتی آنها را با استفاده از کد زیر ثبت کنید:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
}

شما همچنین می توانید از این کد برای غیر فعال کردن اسکریپت های متعدد مانند این استفاده کنید:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
wp_deregister_script( 'gdwpm_lightbox-script' );
wp_deregister_script( 'another-plugin-script' );
}

• در حال حاضر، همانطور که قبلا ذکر شد،با غیر فعال کردن این اسکریپت ها افزونه های شما به درستی کار نخواهد کرد.
  
• برای اجتناب از این کار باید جاوا اسکریپت را با هم ترکیب کنید، اما گاهی اوقات کار صحیح انجام نمی شود، بنابراین باید بدانید که چه کاری انجام می دهید.
• در این بخش به شما توصیه میکنیم که این کار را در سایت آنلاین انجام ندهید.
• بهترین مکان برای تست در نصب local وردپرس و یا در یک سایت استقرار با ارائه دهندگان میزبانی وب مدیریت شده وردپرس است.

بارگذاری Scripts فقط در صفحات خاص

اگر شما احساس میکنید به یک افزونه script  برای بارگذاری در یک صفحه خاص در وب سایت خود نیاز دارید میتوانید از این افزونه برای بار گذاری در صفحه خاصی استفاده کنید.

به این ترتیب script در همه صفحات دیگر سایت شما غیرفعال می شود و فقط زمانی که مورد نیاز است بارگیری می شود.
در اینجا چگونگی بارگذاری اسکریپت ها در صفحات خاص  را نشان میدهیم :

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
if ( !is_page('Contact') ) {
wp_deregister_script( 'contact-form-7' );
}
}

این کد به سادگی اسکریپت contact form 7 را در تمام صفحات غیر از صفحه تماس غیرفعال میکند.

پــــایـــــان