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/

22 de Enero del 2024

Estrategia de crecimiento para apps que sí funciona  

15 de Enero del 2024

¿Cómo sé si mi empresa necesita una app?