Agencia de desarrollo web ONECOMMERCE

Mejora tu tienda limpiando Wordpress y Woocommerce

woocommerce
Mejora tu tienda limpiando Wordpress y Woocommerce
La combinación de Wordpress y Woocommerce es perfecta para una tienda en línea y con nuestros consejos puedes llevar tu ecommerce al siguiente nivel.
Contenido

    Constantemente pensamos en nuevas formas de mejorar las tiendas que desarrollamos y el stack de tecnologias que usamos.

    Aunque Wordpress es nuestra opción favorita sabemos que tiene muchas caracteristicas poco utiles y que recomendamos desactivar.

    ¿Por que optimizar mi tienda en línea?

    A los clientes les gustan las páginas veloces y sabemos que reducir la fricción es la mejor manera de incrementar las ventas.

    Algunas de las funciones que desactivamos no son tan perjudiciales para el rendimiento de nuestra tienda en línea pero son tan faciles de eliminar que no hay motivos para no hacerlas.

    Respalda tu tienda antes de continuar

    No deberia ser dificil revertir los cambios que vamos a hacer, pero siempre es recomendable respaldar la información de tu tienda en caso de que algo resulte mal.

    Desactivando los emojis

    Aceptemoslo, es muy poco probable que uses los emojis, por eso es la primer tarea que vamos a desactivar de nuestro ecommerce.

    El siguiente segmento de codigo deberias añadirlo al archivo functions.php de tu tema hijo.

    /* Desactiva los emojis de wordpress */
    
    function desactivar_emojis_wordpress() {
        remove_action("wp_head", "print_emoji_detection_script", 7);
    	remove_action("admin_print_scripts", "print_emoji_detection_script");
    	remove_action("wp_print_styles", "print_emoji_styles");
    	remove_action("admin_print_styles", "print_emoji_styles");	
    }
    
    add_action("init", "desactivar_emojis_wordpress");
    

    Si usamos las herramientas de desarrollador podemos comprobar que nos ahorramos una transferencia innecesaria.

    Desactivar emojis wordpress

    Desactivar la precarga de recursos

    Para desactivar la precarga de https://s.w.org y evitar una petición extra podemos utilizar la siguiente funcion:

    function  desactivar_precarga_wordpress () {
       remove_action("wp_head", "wp_resource_hints", 2, 99);
    }
    
    add_action("init", "desactivar_precarga_wordpress");
    

    Desactivar precarga wordpress

    Desactivar gutenberg

    Probablemente sea una de las caracteristicas más controversiales de wordpress. Afortunadamente para desactivarlo solo necesitamos la siguiente línea de codigo:

    add_filter("use_block_editor_for_post", "__return_false", 10);
    

    Eliminar estilos de bloques

    Solo recomendamos el uso de esta función si no utilizas Gutenberg o si vas a generar tus propios estilos.

    function desactivar_estilos_bloques {    
        wp_deregister_style("wc-blocks-style");
        wp_deregister_style("wc-blocks-vendors-style-css");
        wp_dequeue_style("wp-block-library");
        wp_dequeue_style("wp-block-library-theme");
    }
    
    add_action("wp_enqueue_scripts", "desactivar-estilos-bloques" ,100);
    

    La realidad es que Gutenberg aun esta lejos de ser el editor preferido por los usuarios por lo que puedes evitar cargar los recursos que necesita.

    Desactivar editor Gutenberg

    Desactivar otras etiquetas innecesarias

    Antes de desactivar estas etiquetas debes consultar si haces uso de alguna de estas funciones.

    Entre los servicios que vamos a desactivar estan RSD, Windows Live Writer y la información del Generador.

    function desactivar_etiquetas_extras() {
        remove_action("wp_head", "rest_output_link_wp_head", 10);
        remove_action("wp_head", "wp_oembed_add_discovery_links", 10 );
        remove_action("wp_head", "wp_generator");
        remove_action("wp_head", "rsd_link");
        remove_action('wp_head', 'wlwmanifest_link');
    }
    
    add_action("after_setup_theme", "desactivar_etiquetas_extras");
    

    Desactivar el menu de marketing en Woocommerce

    Woocommerce incluye por defecto funciones de marketing que pueden no ser tan utiles, en especial si estas usando otro servicio para gestionar tu información.

    add_filter( "woocommerce_admin_features", "desactivar_menu_marketing" );
    
    function desactivar_menu_marketing( $caracteristicas ) {
        $marketing = array_search("marketing", $caracteristicas);
    	unset( $caracteristicas[$marketing] );
    	return $caracteristicas;
    }
    

    Desactivar editor Gutenberg

    Mejorando el sitemap

    El sitemap incluye de manera predeterminada una lista con los usuarios de nuestra instalación de wordpress. Para desactivarla debemos añadir la siguiente función:

    add_filter("wp_sitemaps_add_provider", function ($proveedor, $nombre) {
        return ($nombre == "users") ? false : $proveedor;
      }, 10, 2);
    

    Comentarios finales

    Estas modificaciones relativamente simples nos pueden ayudar a reducir el numero de peticiones que realiza nuestra página web. Mantener un sitio limpio y veloz siempre es una ventaja para el posicionamiento de nuestra página.

    Deja tu comentario

    Comentarios

    Agencia ecommerce ONECOMMERCE

    eCommerce en México