افزایش سرعت سایت وردپرسی

افزایش سرعت سایت وردپرسی

* نکته: حتما قبل از شروع به کار از سایت خود بکاپ یا نسخه پشتیبان تهیه کنید.دقت کنید که در افزایش سرعت سایت کش کردن و فشرده و ترکیب فایل های js و css واقعا تاثیر زیادی نمیگذاره اما هدف باید کم کردن فایل های js و css باشه. اون وقته که سرعته سایت شما میشه. هر یک کیلوبایت js حدود ۰٫۱۶ ثانیه از سرعت لود سایت شمارو کند می کنه. حالا فرض کنید که داخل یه سایت معمولی حدود ۱ مگ از این نوع فایل لود میشه.همچنین این نکته رو بگم که معیار ما برای افزایش سرعت سایت ابزار google page insights هست که ابزار خود گوگله و به سرعت سایت نمره میده و پس از اون gtmetrixخب حقیقتا می دونم چی فکر می کنید. این روش داخل همه سایت ها عنوان شده. اما اگر نگاهی به مابغی سرفصل ها بیندازید متوجه خواهید شد که این تنها قدم اول ماست.ابتدا حتما نسخه پولی افزونه موشک وردپرس رو برای افزایش سرعت سایت نصب نمایید. دقت کنید که با کمی جستوجو در سایت ها می توانید نسخه حرفه ای آن را به صورت رایگان پیدا کنید و یا آن را بخرید نصبوتنظیمافزونهموشکوردپرسقدماولبرایافزایشسرعتسایتوردپرسی خب شما برای نصب این افزونه کافیست داخل پنل کاربری سایت خود وارد قسمت افزونه ها -> افزودن افزونه بروید.سپس مانند تصویر زیر روی گزینه بارگذاری و یا upload بزنید. حالا روی گزینه انتخاب فایل کلیک کنید و سپس فایل زیپ افزونه را در باکسی که باز میشود انتخاب و سپس تایید کنید. نصبافزونهموشکوردپرسبرایافزایشسرعتسایت پس از آن روی دکمه نصب و یا install کلیک کنید. چند لحظه صبر کنید تا افزونه موشک وردپرس نصب شود. در پایان روی دکمه فعال سازی کلیک کنید. حالا میتوانید از قسمت تنظیمات -> wp rocket اقدام به تغییر و تظیم افزونه موشک وردپرس برای افزایش سرعت سایت خود کنید. توجه کنید که ممکن است برخی از تنظیمات این افزونه قالب سایت شما را به هم بریزد. لطفا پس از تغییر تنظیمات که در ادامه گفته می شود اقدام به پاک کردن کش سایت خود و سپس بررسی سایت در حالت ناشناس مرورگر خود نمایید.خب برای اینکار شما می توانید فایل تنظیمات را از این لینک دانلود نمایید و با توجه به راهنمایی ها، آن را داخل سایت خود اجرا نمایید.فایل دانلود شده یک فایل json می باشد که شما باید در قسمت درون ریزی بخش تنظیمات افزونه موشک وردپرس آن را اضافه نمایید. برای این کار وارد بخش تظیمات آن شوید در پایان صفحه شما مانند تصویر دوتا بخش برون بری تنظیمات و درون ریزی تنظیمات مشاهده می کنید. درونریزیتنظیماتافزونهموشکوردپرس حالا روی دکمه choose file کلیک کنید و سپس روی دکمه بارگذاری فایل درونریزی تظیمات نیز کلیک کنید تا تنظیمات افزونه موشک وردپرس به بهترین نحو که خودم خروجی اون رو گرفتم برای شما تغییر پیدا کنه. این تنظیمات شامل فعال کردن کش داخل دسکتاپ و موبایل.فشرده سازی و ترکیب فایل های javascript و css و همچنین به تعویق انداختن لود فایل های javascript به این دلیل که سرعت سایت رو خیلی خیلی کند می کنه. و همچنین فعال سازی قابلیت lazy load تصاویر. این قابلیت هم می گه که تصاویر داخل سایت بعد از لود شما کامل سایت و زمانی که اسکرول کاربر اون رو نمایش میده لود بشن که تاثیر خیلی زیادی روی سرعت سایت داره.این فایل همچنین فونت های گوگل و شکلک ها رو حذف می کنه و علاوه بر اون embeds خود وردپرس هم غیر فعال می کنه.البته این افزونه تنظیمات خیلی ساده ای داره که می تونید خودتون هم بدون فایل تنظیمات انجام بدهید و اگر هم بلد نیستید کمی داخل سایت ها بگردید کاملا با تنظیمات اون آشنا می شوید.فیلم آموزش رایگان طراحی سایت با وردپرس به صورت حرفه ایخیلیا می گن که برید هاست قوی بگیرید که ارور response server در جی تی متریکس و page insight گوگل رفع بشه. اما واقعا کد نویس نیستن تا بدونن منظور از این ارور فقط قدرت سرور نیست و به پردازش پس زمینه هم اشاره داره که مهم ترین دلیلش افزونه های زیاد هست.واقعا بیاید و افزونه های بدون کاربرد سایت خودتون رو حذف کنید.از نظر من سایتی که بیشتر از ۶ تا افزونه داشته باشه رو باید قید سرعتش رو زد.برخی از افزونه هایی که خودم دیدم داخل همه سایت های وردپرس هست و هیچ قابلیتی هم نداره و واقعا به کار نمیاد و یا سالی شاید یکی دو بار به کار بیاد اینا هستند اما شما به اینا اکتفا نکیند و واقعا اگر از افزون های خیلی کم استفاده می کنید و یا قابلیتش رو نمی دونید اون رو حذف کنید. گاها سایت هایی رو دیدم که بیشتر از ۳۰ تا افزونه دارند که واقعا خیلی از اونا مشابه هم هستند مثلا طرف اومده هم افزونه موشک وردپرس رو و هم auto optimizer رو نصب کرده. یا مثلا ده تا افزونه فرم تماس نصب کرده.افزونه هایی مانند وردپرس فارسی، ووکامرس فارسی، تقویم جلالی، بهینه ساز تصویر و…. رو بدون فکر کردن پاک کنید.اگر شما از افزونه ای استفاده نمی کنید پاک کنید چون کمترین کاری که می کنه اینه که پردازش پس زمینه برای لود سایت رو میبره بالا.برای غیر فعال کردن و حذف افزونه ها ابتدا از پنل مدیریت وارد قسمت افزونه ها -> همه افزونه ها بشوید و سپس روی هر افزونه که می خواهید اون رو حذف کنید بروید و ابتدا کلید غیر فعال کردن و سپس بعد از اون کلید پاک کردن آن را بزنید.خیلیا میان میگن که تصاویر رو بهینه سازی کنید. اما نمی دونن زمانی که قابلیت lazyload داخل سایت فعال هست اصلا این کار بی فایده است. چراکه تصاویر تا زمانی که سایت کاملا لود نشه اصلا لود نمیشن و بعد از اون هم تنها زمانی که کاربر روشون اسکرول کنه لود می شن. خب پس این چه حرفی است؟من می گم که به جای این کار بیایید و از اقدام به حذف فونت هایی بدون کاربرد کنید. گاها داخل خیلی از سایت ها دیدم که ۵ تا فونت فارسی با هم دیگه لود میشه. قطعا یکی از چیزایی که سرعت سایت رو خیلی خیلی کند می کنه همینه.اگر از فونت های فارسی استفاده می کنید فقط یه فونت باشه که اونم از نوع woff2 باشه. نمی دونم شما از چه افزونه و یا امکاناتی برای فونت ها استفاده می کنید اما همین حالا بروید و فونت های اضافی رو پاک کنید.خب رسیدیم به بخش هیجان انگیز ماجرا. معمولا این بخش رو باید برنامه نویسا انجام بدهند اما اگر با راهنمایی های من پیش بروید مشکلی به وجود نخواهد آمد.معمولا بیشتری تاثیر رو در کند بودن سایت ها فایل های javascript و css می باشند و در این میان هم باز فایل های javascript سهم بیشتری دارند اما تعداد فایل های css بیشتر هست.از زبان های javascript و css برای طرح دادن و پویا سازی صفحات وب استفاده میشه اما خب خیلی از اونا بدون کاربرد و حتی تکراری هستند، به طوری که اگر شما افزونه المنتور و قالب ocean wp رو داشته باشید عملا دوتا کتاب خانه ایکن های font awesome داخل سایت شما لود میشه. حالا بماند که این روزا تقریبا هر افزونه ای از این کتابخانه استفاده می کنه.علاوه بر اون ممکنه شما داخل بعضی صفحات به بعضی از این فایل ها نیاز داشته باشید و در بعضی صفحات نیاز نداشته باشید اما باید بدونید که این این سورس ها در تمامی صفحات سایت شما لود میشن.اما در این قسمت سعی من این بودن که آموزشی تهیه کنم که همه بتونن از اون برای افزایش سرعت سایت استفاده کنند. اما متاسفانه دیدم که این بخش دانش کدنویسی تقریبا زیادی رو می خواد علاوه بر اون که خیلی هم احتمال خراب کاری میره بالا. اما باز هم دو تا راه حل به ذهنم رسید که برای دو دوسته از دوستان قابل استفاده هست.در ابتدا کد زیر را در پایان فایل functions در قسمت نمایش-> ویرایشگر پوسته -> functions.php کپی کنند تا فایل های css و js بدون کاربرد این افزونه حذف بشه. مانند تصویر زیر:function dequeuePublicMy(){
// اگر آیکن های سایت شما پرید این قسمت رو حذف کنید
wp_dequeue_style(‘font-awesome-4-shim’);
wp_deregister_style(‘font-awesome-4-shim’);

wp_dequeue_style(‘elementor-global’);
wp_deregister_style(‘elementor-global’);

wp_dequeue_style(‘font-awesome-5-all’);
wp_deregister_style(‘font-awesome-5-all’);
// تا این قسمت

wp_dequeue_script(‘contact-form-7’);
wp_deregister_script(‘contact-form-7’);

wp_dequeue_script(‘comment-reply’);
wp_deregister_script(‘comment-reply’);

wp_dequeue_script(‘wp-embed’);
wp_deregister_script(‘wp-embed’);

wp_dequeue_style(‘wp-block-library’);
wp_deregister_style(‘wp-block-library’);

wp_dequeue_style(‘wp-block-library-theme’);
wp_deregister_style(‘wp-block-library-theme’);

wp_dequeue_style(‘contact-form-7-rtl’);
wp_deregister_style(‘contact-form-7-rtl’);

}خب دوستانی که از افزونه المنتور استفاده می کنند می توانند کد زیر را در پایان فایل functions در قسمت نمایش-> ویرایشگر پوسته -> functions.php کپی کنند تا فایل های css و js بدون کاربرد این افزونه حذف بشه. این مورد مشکل زا نیستfunction dequeueElementorMy(){

wp_dequeue_style(‘elementor-common’);
wp_deregister_style(‘elementor-common’);

wp_dequeue_style(‘elementor-animations’);
wp_deregister_style(‘elementor-animations’);

wp_dequeue_style(‘elementor-pro’);
wp_deregister_style(‘elementor-pro’);

}

add_action(‘wp_enqueue_scripts’, ‘dequeueElementorMy’ , 999);
add_action(‘wp_head’, ‘dequeueElementorMy’ , 999);خب دوستانی که از افزونه ووکامرس استفاده می کنند می توانند کد زیر را در پایان فایل functions در قسمت نمایش-> ویرایشگر پوسته -> functions.php کپی کنند تا فایل های css و js بدون کاربرد این افزونه حذف بشه. این مورد مشکل زا نیست.function dequeueWooMy(){
wp_dequeue_script(‘wc-single-product’);
wp_deregister_script(‘wc-single-product’);

wp_dequeue_script(‘woocommerce’);
wp_deregister_script(‘woocommerce’);

wp_dequeue_script(‘flexslider’);
wp_deregister_script(‘flexslider’);

wp_dequeue_script(‘wc-cart-fragments’);
wp_deregister_script(‘wc-cart-fragments’);

// اگر مشکلی در ثبت محصول به سبد خرید داشتید دوخط زیر رو بردارید
wp_dequeue_script(‘wc-add-to-cart’);
wp_deregister_script(‘wc-add-to-cart’);

}

add_action(‘wp_enqueue_scripts’, ‘dequeueWooMy’ , 999);
add_action(‘wp_head’, ‘dequeueWooMy’ , 999);
همچنین بخوانید: آموزش کامل افزایش سرعت سایت وردپرسی

Author: admin

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *