افزایش سرعت سایت با انتقال فایل های JS به انتهای صفحات

همواره سرعت یک وب سایت تأثیر بسیار زیادی در راضی بودن کاربران از آن دارد به طوری که اگر سرعت وب سایت شما کم باشد مطمئنا کاربران شما به راحتی سایت شما را ترک میکنند و با وب سایت های رقیب شما همراه خواهند شد. در نتیجه باید همیشه سعی کنید که سرعت وب سایت خود را در بالاترین حد ممکن نگه دارید تا بتوانید در این آشفته بازار اینترنت موفق باشید.برای این منظور در این آموزش به شما روش افزایش سرعت سایت با انتقال فایل های js به انتهای صفحات را می آموزیم

افزایش سرعت سایت با انتقال فایل های js به انتهای صفحات

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

شما به عنوان یک مدیر وب سایت باید توجه داشته باشید که سرعت سایت در نتایج گوگل نیز می تواند بسیار تاثیرگذار باشد به طوری که در رده بندی های موتورهای جستجو سرعت وب سایت یه عنوان یکی از موارد اساسی در تعیین امتیازات وب سایت ها در نظر گرفته میشود و بارگذاری سریع وب سایت شما در نتایج جستجو نیز بسیار دخیل است

انتقال فایل ها js به انتهای صفحات

برای شروع کار یک مثال ساده برای شما مهیا کرده ایم که با استفاده از آن میتوانید روش انتقال فایل های js را به صورت کامل مشاهده نموده و متوجه روند کار شوید. برای این منظور و شروع کار یک فایل js ایجاد کرده و آن را در دایرکتوری js در هاست خود آپلود نمایید پس از آپلود این فایل در هاست خود باید فایل function.php را ویرایش کرده و کد زیر را به آن اضافه کنید

function wpb_adding_scripts() {
wp_register_script('my-script', get_template_directory_uri() . '/js/my-script.js','','1.1', true);
wp_enqueue_script('my-script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

توجه داشته باشید که در کد فوق از تابع wp_register_script() function استفاده کرده ایم که دارای پارامترهای زیر است:

<?php wp_register_script( $handle, $src, $deps, $ver, $in_footer ); ?>

همانطور که در کد اول مشاهده کردید برای افزودن فایل های js به انتهای صفحه وردپرس باید پارامتر $in_footer در حالت true قرار گیرد و همچنین از توابع دیگری مانند () get_template_directory_uri برای بازگردانی ادرس به دایرکتوری استفاده میکنیم. برای افزونه ها نیز میتوان از تابع ()plugins_url استفاده کرد

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