fbpx

Cómo hacer que una página de WooCommerce se cargue en menos de 3 segundos

hacer-paginas-woocommerce-cargue-menos-3-segundos

WooCommerce es un complemento de WordPress el cual utilizan cientos de miles de compañías para potenciar sus tiendas online asique decidimos alojar nuestros módulos de capacitación de mercadoen la plataforma de comercio electrónico de código abierto. Al estar desarrollando nuestras páginas de productos, sin embargo, estábamos ansiosos de asegurarnos de que nuestro rendimiento del sitio web no sufriera.

La velocidad del sitio web es un factor importante en la optimización de motores de búsqueda, y la velocidad de la página móvil es uno de los factores de clasificación de Google.

Si tu sitio web tarda mas de cuatro segundos en cargarse, puede perder hasta el 4% de los usuarios.

Esto es lo suficientemente malo para el contenido de tu SEO, pero incluso peor para tu tienda de WooCommerce, perder tráfico es una cosa, pero perder ventas es otra.

Así que cuando puse las paginas de producto en vivo, realicé algunas pruebas de GTmetrix de velocidad y vi que tardaba mas de siete segundos en cargarse, me puse las pilas con la optimización de velocidad de la página.

Mi objetivo: Obtener el tiempo de carga de la página de WooCommerce en menos de 3 segundos por EOD

Ahora estamos haciendo muchas cosas bien, después de todo, la página Speed Insights nos dio un aprobado:

  • Nuestro tema WordPress está optimizado para la velocidad y el SEO
  • No pude inflar nuestra tienda con muchas extensiones de WooCommerce
  • Todos los recursos locales aprovechan el almacenamiento en cache del navegador
  • Minimizamos, comprimimos y combinamos nuestros archivos CSS y JavaScript
  • Nuestro tiempo para el primer byte (TTFB) es bajo debido al buen alojamiento del SiteGround

Sin embargo, el resultado de YSlow contó una historia diferente, así que miré un poco más de cerca el informe de rendimiento y consideré las siguientes áreas para mejorar:

  • Hacer menos solicitudes HTTP: la página Rise & Convert, por ejemplo, tiene 10 scripts externos de JavaScript y cuatro archivos CSS
  • Añadir encabezados caducados: no pues controlar los encabezados caducados en archivos de terceros, así que, entre Google, Gravatar y Paypal, la página tiene siete componentes estáticos sin fechas futuras de caducidad.
  • Minimizar JavaScript y CSS: PayPal aparentemente no minimiza sus scripts
  • Reducir las búsquedas DNS: Los componentes de la página fueron divididos en 16 dominios diferentes, incluyendo cuatro para Vimeo y dos para PayPal.

Ahora que se lo que estaba causando la ralentización, podría hacer un plan para afrontarlo.

La solución: Eliminar búsquedas DNS innecesarias y Scripts externos

Centrándome en el láser para reducir las búsquedas DNS, podría matar varios pájaros de un tiro, ya que cada dominio estaba también asociado a los scripts, al estilo de hojas y otros archivos externos, es decir, solicitudes HTTP. También eliminaría algunos de los componentes estáticos sin encabezados caducados.

Reducir las búsquedas de PayPal fue fácil, simplemente elimine los botones de las páginas del producto, así que ahora solo los ves cuando estás en las paginas del Carrito/Caja. También deshabilité las revisiones de productos de Gravatar.

Vimeo (y sus cuatro búsquedas diferentes de DNS) podrían ser más complicado, pero encontré una solución simple, cortesía del WP Speed Guru, Alexei Kutsko.

La forma más rápida y fácil para servir videos en WordPress

Antes de comenzar a acelerar las incrustaciones de terceros (como YouTube, Vimeo, etc.) aquí está la razón por la que opté a usar Vimeo para publicar videos en conentfac.com en primer lugar:

Alojar un video local en tu sitio web, esto es, subirlo a un sitio y usar el video para mostrarlo, es una gran carga para el servidor.  Si estás usando un alojamiento compartido de CDN sin servicios premium, mas te vale que incrustes enlaces de YouTube o Vimeo y les permitas manejar el trabajo. Elegí Vimeo porque no muestra publicidad antes de que empiece tu video (también prefiero mirar y sentir el reproductor).

WP Speed Guru sugiere reemplazar las incrustaciones del video con una imagen que abra el link del video actual en la caja luminosa. Uso ShortCodes Ultimate para la funcionalidad de la caja de luz, y añado un enlace de anclaje vacío al Shortcode de la caja de lux para cambiar el cursor a un puntero al pasar el ratón.

Fue lo mejor de ambos mundos, el video se veía como yo quería en la página, pero cambiarlo a la caja de luz eliminó las cuatro búsquedas de DNS en Vimeo. Aquí está como quedó el resultado:

El resultado: Una mejora de 6 segundos en el tiempo de carga en WooCOmmerce

Ahora las paginas del producto se cargan en dos segundos en el escritorio y tres segundos en el móvil 3G.

Para recapitular, así es como conseguí que mi pagina de producto de WooCommerce se cargara de 7.7 segundos a 1.7 en el escritorio (3 segundos en el móvil 3G)

  • Elimina los botones de la pagina de producto de PayPal
  • Deshabilita los informes en Gravatar
  • Reemplaza la incrustación de Vimeo por una caja de luz.

¿Necesitas acelerar tu tienda de WooCommerce?

Si tus calificaciones de PageSpeed y YSlow se están viniendo abajo, probablemente están arrastrando tu trafico orgánico, las clasificaciones de palabras clave y también las conversaciones.  Ponte en contacto con nosotros y tras analizar tu web, realizaremos las mejoras necesarias para acelerar la velocidad de carga.

 “Fuente:https://www.contentfac.com/how-to-get-your-woocommerce-product-pages-to-load-in-under-3-seconds/

E-commerce: que factores debo tener en cuenta

La compra por Internet se ha incrementado con los años. La confianza de los usuarios a realizar transacciones económicas a través de este medio,  ha crecido y eso ha conseguido que prolifere la venta de productos online.

Este hecho ha dado lugar a que, con el paso de los años y con la oportunidad de negocio tan cerca, se haya creado y perfeccionado un sistema de venta, llamado tienda online.

Boom del comercio electrónico

Estamos viviendo el boom del e-commerce. Parece indudable que la revolución de esta disciplina ha llegado para quedarse y es algo más que una moda pasajera. Negocios pequeños, grandes y de cualquier sector quieren vender por Internet. Las ventajas parecen infinitas: ahorro de costes (gestión, personal, local comercial…) y una gran demanda.

¿Que debo tener en cuenta?

¿Tú también quieres lanzarte a un proyecto de este tipo? Te informamos de los puntos a tener en cuenta si estás interesado en crear tu propia tienda online.

  • Idea de negocio. Debemos delimitar muy bien cuál será nuestro plan de negocio y saber si la venta a través de Internet es la mejor opción. No todos los sectores requieren una plataforma de este tipo.
  • Competencia. Por el contrario, puede que nuestro sector esté muy copado en cuanto a comercio electrónico se refiere, y debamos darle una vuelta de tuerca a nuestro proyecto.
  • Mitos y realidades. Aunque a priori pueda parecer que tener una tienda online agilizará nuestro trabajo, hay que tener en cuenta que para conseguir resultados óptimos deberemos echarle tiempo y mucho cariño. Es recomendable no olvidar factores como el inventario, el stock, envío de productos, etc.
  • Ventajas. ¿No es interesante tener una tienda abierta 24 horas al día, 365 días al año, y sin limitaciones geográficas? Este aspecto puede suponer un incremento exponencial de las ventas. ¡Tenlo en cuenta!

¿Lo tienes ya decidido?

¡Contacta con nosotros! y te asesoraremos sobre lo que más se acerca a tus necesidades. Hay un sinfín de opciones, tantas como ideas 😉

¿Te ha gustado? Compártelo!!