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

در این مقاله به طور کامل توضیح دادیم که چطوری با حذف فیلدهای اضافی ووکامرس از قبیل حذف 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 اضافی افزونه در وردپرس):

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

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

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