Crear tiendas online con WordPress puede ser una buena solución  pero es necesario acelerar carga Woocommerce. Este plugin es muy pontente a nivel de prestaciones ( y cada vez más) pero sí que es cierto que genera muchas  peticiones a la base de datos que hacen ralentizar la carga de tu tienda online, como archivos JavaScript y CSS específicos de WooCommerce.

Scripts

  • woocommerce.min.js
  • checkout.js
  • jquery.cookie.min,js
  • cart-fragments.min.js
  • add-to-cart.min.js
  • jquery.blockUI.min.js

Estilos

  • css de woocommerce.css
  • css personalizados de la misma plantilla
  • Estilos del visor de imágenes de los productos

Estos  scripts y estilos (CSS) incrementan considerablemente el tiempo de carga de tu tienda online y, como sabrás, una página web o tienda online lenta significa perder ventas y además es perjudicial para el posicionamiento.

Truco para acelerar carga Woocommerce:

Añade el siguiente código al archivo functions.php de tu plantilla activa:

/**
 * Optimiza los scripts de WooCommerce
 * Quita la tag Generator de WooCommerce, estilos y scripts de páginas no WooCommerce.
 */
add_action( 'wp_enqueue_scripts', 'child_manage_woocommerce_styles', 99 );
 
function child_manage_woocommerce_styles() {
 //quitamos la tag generator meta
 remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );
 
 //Primero comprobamos si está instalado WooCommerce para evitar errores fatales
 if ( function_exists( 'is_woocommerce' ) ) {
 //y aplicamos el dequeue a scripts y estilos
 if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
 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' );
 }
 }
 
}

Consejos antes y después de añadir este código para acelerar carga Woocommerce

  1. Antes de nada, crea una copia del archivo functions.php de la plantilla principal o del child. Si algo no funciona bien, siempre estarás a tiempo de reemplazarlo y dejarlo todo como estaba antes.
  2. Una vez has modificado el archivo comprueba que:
    1. has mejorado en velocidad de carga
    2. que todo funciona correctamente:
      1. Carrito de la tienda
      2. Añadir nuevos productos
      3. Pagos
  3. Si quieres que se ejecute alguna línea de código que hay en el ejemplo, simplemente elimínalo del archivo.

¿Sabes algún truco más para acelerar carga Woocommerce?

 [ratings]