افزایش سرعت سایت با حذف استایل های اضافی ووکامرس

حذف CSS و JS اضافی افزونه در وردپرس

فهرست مطالب

در این مقاله به طور کامل توضیح دادیم که چطوری با حذف فیلدهای اضافی ووکامرس از قبیل حذف CSS و JS اضافی افزونه در وردپرس، سرعت سایت وردپرس رو بالا ببری و در نتیجه نرخ پرش کاربر را کاهش بدی که منجر به بالا رفتن نمره‌ سئو سایت میشه. در نتیجه با افزایش سرعت لود سایت روبرو می‌شوید.

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

 

حذف فایل های اضافی وردپرس

چگونه سرعت سایت وردپرس را افزایش دهیم (حذف css اضافی):

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

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

افزایش سرعت سایت با حذف فیلدهای اضافی ووکامرس
افزایش سرعت سایت با حذف فیلدهای اضافی ووکامرس

 

حذف فیلدهای اضافی ووکامرس (حذف CSS و JS اضافی افزونه ووکامرس در وردپرس):

// start Disable shopping cart in pages and posts by novinmaster //
add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_cart_fragments', 11);
function dequeue_woocommerce_cart_fragments() {
if (is_front_page()) wp_dequeue_script('wc-cart-fragments');
}
// end Disable shopping cart in pages and posts by novinmaster //

/** Disable All WooCommerce Styles and Scripts novinmaster */
add_action( 'wp_enqueue_scripts', 'hs_woocommerce_styles_scripts', 99 );
function hs_woocommerce_styles_scripts() {
if ( function_exists( 'is_woocommerce' ) ) {
if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
wp_dequeue_style( 'woocommerce-general' );
wp_dequeue_style( 'woocommerce-layout' );
wp_dequeue_style( 'woocommerce-smallscreen' );
wp_dequeue_style( 'woocommerce_frontend_styles' );
wp_dequeue_style( 'woocommerce_fancybox_styles' );
wp_dequeue_style( 'woocommerce_chosen_styles' );
wp_dequeue_style( 'woocommerce_prettyPhoto_css' );
wp_dequeue_script( 'wc_price_slider' );
wp_dequeue_script( 'wc-single-product' );
wp_dequeue_script( 'wc-add-to-cart' );
wp_dequeue_script( 'wc-cart-fragments' );
wp_dequeue_script( 'wc-checkout' );
wp_dequeue_script( 'wc-add-to-cart-variation' );
wp_dequeue_script( 'wc-single-product' );
wp_dequeue_script( 'wc-cart' );
wp_dequeue_script( 'wc-chosen' );
wp_dequeue_script( 'woocommerce' );
wp_dequeue_script( 'prettyPhoto' );
wp_dequeue_script( 'prettyPhoto-init' );
wp_dequeue_script( 'jquery-blockui' );
wp_dequeue_script( 'jquery-placeholder' );
wp_dequeue_script( 'fancybox' );
wp_dequeue_script( 'jqueryui' );
}
}
}
/** Disable All WooCommerce Styles and Scripts novinmaster */

 

 

افزایش سرعت لود سایت با حذف css و js افزونه در وردپرس
افزایش سرعت لود سایت

 

 

نحوه افزودن قطعه کد افزایش سرعت سایت بصورت دستی(حذف CSS و JS اضافی افزونه در وردپرس):

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

افزایش سرعت لود سایت با حذف استایل و اسکریپ های ووکامرس
افزایش سرعت لود سایت با حذف استایل و اسکریپ های ووکامرس

همچنین بخوانید: ۱۲ روش افزایش سرعت و عملکرد ووکامرس (بروزرسانی ۱۴۰۳)

 

نحوه افزودن قطعه کد افزایش سرعت لود سایت در وردپرس با افزونه:

اگر با فایل functions.php راحت نیستید، نصب افزونه رایگان کد اسنیپت را پیشنهاد می‌کنیم. کد اسنیپت یک راه آسان و ساده برای اضافه کردن کدها به قالب شماست. پس از نصب و فعال‌سازی افزونه، به بخش اسنیپت‌ها و سپس اضافه کردن مورد جدید (Snippets → Add new) در داشبورد وردپرس خود بروید. برای اسنیپت خود یک نام انتخاب کنید و کد بالا را در آن بگذارید. ذخیره کنید و کار تمام است.

 


 

سخن آخر

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

امتیاز شما به این مطلب:

0 / 5. تعداد رای: 0

 
اشتراک گذاری مطلب:
مطالب مرتبط:

2 پاسخ

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

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