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. 

  2. Una vez has modificado el archivo comprueba que:

      

    1. has mejorado en velocidad de carga
      2. 

    2. que todo funciona correctamente:

        

      1. Carrito de la tienda
        2. 

      2. Añadir nuevos productos
        3. 

      3. Pagos
        4. 

      4. …
        5. 

      

      3. 

    

    3. 

  3. Si quieres que se ejecute alguna línea de código que hay en el ejemplo, simplemente elimínalo del archivo.
    4. 



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