Agencia de desarrollo oneCommerce

Mejora tu tienda limpiando Wordpress y Woocommerce

optimización
woocommerce
wordpress

La combinación de Wordpress y Woocommerce es perfecta para una tienda en linea y con nuestros consejos puedes llevar tu ecommerce al siguiente nivel.

Mejora tu tienda limpiando Wordpress y Woocommerce

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.

Contenido:

¿Por que optimizar mi tienda en linea?

A los clientes les gustan las paginas 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 linea 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
El navegador ya no solicita wp-emoji-release.min.js

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
El navegador ya no hace la precarga de recursos

Desactivar gutenberg

Probablemente sea una de las caracteristicas más controversiales de wordpress. Afortunadamente para desactivarlo solo necesitamos la siguiente linea 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
El plugin para desactivar Gutenberg es extremadamente popular

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
El menu de marketing de Woocommerce

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 pagina web. Mantener un sitio limpio y veloz siempre es una ventaja para el posicionamiento de nuestra pagina.

Deja tu comentario

Comentarios