Optimización del rendimiento de WooCommerce: 14 consejos y mejores prácticas

Crear una tienda WooCommerce es muy simple: instale el complemento de WooCommerce, agregue un producto o dos, establezca precios y listo, una tienda WooCommerce. Pero la gestión de una exitosa tienda de WooCommerce es considerablemente diferente. Planificar y optimizar un sitio web de comercio electrónico no es una tarea fácil, pero hay muchos consejos de optimización de WooCommerce y las mejores prácticas que puede implementar para obtener velocidades de página más rápidas, tasas de conversión más altas y, finalmente, varios ingresos en su tienda por qué es importante. Para optimizar WooCommerce como en cualquier otra cosa en Internet hoy, la optimización de su tienda WooCommerce se refiere a la experiencia del usuario (UX). Los usuarios esperan un cierto nivel de pulido, uso y velocidad al comprar en línea. Si su tienda no proporciona esto, irá a otro lugar. Y irán rápidamente a otro lugar. Cuando esto sucede, el ingreso potencial se pierde ingresos.
En 2012, Amazon estimó que un segundo adicional durante la carga podría costar hasta $ 1.6 mil millones cada año. Esta cifra ha aumentado solo en los años desde entonces. Si bien ninguno de nosotros trae miles de millones de dólares (¡y si lo está, para felicitarlo!), La optimización de WooCommerce ciertamente afecta su resultado final. Ya sea que haya cientos, miles o miles de millones de dólares. 1. Optimizar la configuración de WooCommerce La optimización de WooCommerce es definitivamente la configuración de WooCommerce en el tablero de WordPress. Vaya a WooCommerce – Configuración y busque la pestaña del producto.

Verifique el comportamiento Agregar en la canasta [sic] y asegúrese de que el AJAX agregue a los botones del carrito en los archivos. Esto lo hará para que solo haga llamadas específicas en el servidor, no piezas grandes. Bajo la imagen sustituyente, asegúrese de tener la ID única de una imagen pequeña (probablemente WebP o SVG) con un pequeño tamaño de archivo. De esta manera, no consumirá espacio en el servidor y los tiempos de carga de los usuarios con un gran sustituto que no sirve demasiado para un propósito. La sección de activación de revisión es preferiblemente, pero si está buscando los tiempos de carga más rápidos, desactívelos. Esta es solo una sección de la página donde la utilidad no excede el costo de rendimiento. No todos los sitios necesitan revisiones de los usuarios, y los sitios más pequeños pueden parecer poco profesionales si hay muchos productos irrazonables. Además, las revisiones de productos son una fuente de spam para muchas tiendas de WooCommerce. Finalmente, las evaluaciones de productos probablemente deberían deshabilitar, incluso si permite revisiones. Las evaluaciones de las estrellas son excelentes y tienen un objetivo, pero hay unos pocos kilo que no son necesarios para la utilidad general de su tienda. Utiliza el alojamiento optimizado de WoCommerce Hay muchas cosas que puede controlar sobre su sitio web y elementos que puede optimizar para su tienda WooCommerce. Algunos, sin embargo, estoy completamente de tus manos. Esto incluye la estabilidad en el lado del servidor, la velocidad y la optimización del alojamiento. Muchas compañías de alojamiento hoy ofrecen alojamiento optimizado para WooCommerce, que es probablemente la mejor (y fácil) forma de aumentar el rendimiento de su tienda.
Liquid Web ofrece una excelente opción de alojamiento, especialmente diseñada para aprovechar al máximo WooCommerce.Puede leer nuestra presentación completa para ver los detalles que ofrecen.Además, Kinsta tiene una plataforma de alojamiento sólida, que lo ayuda a aprovechar al máximo su tienda.Aunque, para ser completamente correcto, si está en un host de WordPress administrado por cualquier tipo, estarán algo optimizados para WooCommerce, ofreciendo el mejor soporte y actualizaciones a nivel general.
La conclusión es que si está en un anfitrión de gangas con un plan de descuento, es muy poco probable que le brinde el mejor rendimiento para WooCommerce. Si hace uno, un solo cambio en su plan de optimización de WooCommerce, el uso de un host sólido y administrado es el que debe hacerse. Optimice lo que pueda, aunque no puede hacer nada para estimular realmente un mal host, puede tomar algunos pasos para asegurarse de que su sitio funcione de la manera más eficiente posible en ese host. Primero en caché de Memor Su sitio web, debe asegurarse de que su sitio esté almacenado en caché. Encontrará muchos complementos de WordPress de caché diferentes, pero en nuestras pruebas, WP Rocket funcionó mejor que otros que usamos. Esto no significa que otros sean malos. Tendrás suerte con Litespeed Cache, W3 Total Cache y WP más rápido caché, entre otros. WPMU DE también tiene una herramienta fantástica llamada Hummingbird (y su membresía también incluye instrumentos para la compresión de las imágenes que cubriremos en la próxima sección de este artículo).
Instale un buen tema Todos los temas no se crean iguales. Y no decimos eso como una empresa temática. WordPress.org El depósito del tema está lleno de temas que puede instalar de forma gratuita, pero no todos le darán el mejor rendimiento. Obviamente, creemos que Diva le dará la mejor experiencia de usuario y rendimiento (WoCommerce o no). Especialmente cuando considera nuestros módulos de WooCommerce incluidos en nuestro constructor. Sin embargo, si necesita un tema gratuito, la tienda se diseña automáticamente como un tema específico de WooCommerce. Si es un desarrollador, puede hacer mucho para expandir la tienda para la optimización de WooCommerce. Pero incluso si no, es mejor que muchos de los otros temas gratuitos disponibles. Comprima y optimiza la pantalla y la entrega de la imagen que has escuchado esta canción mil veces. Pero si desea reducir la velocidad de carga de su sitio y obtener el mayor rendimiento, desea asegurarse de que las imágenes estén optimizadas para una carga posible. Puede usar un servicio como Imagify para administrarlos o puede manejar el tiempo para cargar formatos de archivo optimizados para comenzar. En WordPress 5.8, los desarrolladores han incluido el soporte de WebP de forma predeterminada, lo que puede ayudar mucho. Por lo tanto, garantizar que haya actualizado a la versión más nueva de WordPress siempre es una prioridad.
Elija las dimensiones correctas, mientras que WordPress ha pasado por un largo camino para ayudarlo a mantener automáticamente el tamaño del sitio web, si está buscando el mejor rendimiento, asegúrese de que los productos que cargue en su tienda … WooCommerce son las resoluciones correctas. Si la página de su producto muestra una imagen de vista previa de 800 × 800 PX, cargue un archivo de imagen de 800 × 800 PX. Al hacerlo, se reduce el momento de cargar el sitio para un navegador, ya que no cambiará el tamaño de las imágenes sobre la marcha. Elija el número correcto de imágenes No hay un número de imagen de producto correcto para un producto WoCommerce. Algunos productos necesitan media docena o más de imágenes para presentar todo sobre ellos. Sin embargo, algunos pueden manejar una sola imagen. La asignación de tiempo para garantizar que la imagen se adapte al contenedor sin necesidad de redimensionar siempre tendrá una mejor experiencia para sus clientes.
Use un CDN como con muchas tecnologías web, el uso de una red de entrega de contenido (CDN) se ha vuelto más simple, más fácil y más barato a lo largo de los años. Hoy, muchos hosts ofrecen opciones de CDN gratuitas (como SiteGround que tiene la versión gratuita del CloudFlore integrado en sus planes). Los complementos como JetPack incluso tienen opciones CDN gratuitas para entregar imágenes. Obviamente, hay más opciones que esas y hemos desglosado los mejores usos de WordPress. 4. Preste atención a Core Web Vitals, no solo que los vitales de la Web Core son importantes para su sitio web en términos de rango de página y el índice de velocidad de Google, también son una de las mejores formas de evaluar cuantitativamente el sitio de su sitio en resumen, en resumen, núcleo. Web Vitals son una serie de valores que Google usa para determinar cómo su sitio mantiene la cara de los usuarios en el mundo real. Si bien Google afirma que los vitales web básicos que más pesamos pueden cambiar con el tiempo, tenemos una serie de guías a Guídelo a través de los elementos básicos del crecimiento de la puntuación y disminuya el roce de UX.
Primera pintura satisfactoria (FCP)

El mayor contenido de contenido (LCP)
Retraso a la primera entrada (FID)
Cambio de apariencia acumulativo (CLS)
Hora de primer byte (TTFB)
Índice de velocidad
Core Web Vitals se centra en su sitio en general, pero cada medición que prueba se aplica directamente a su tienda WooCommerce. Desea que sus páginas de productos y exhibiciones logren resultados excepcionales en estas pruebas. Como dije al principio, el UX débil puede conducir a pérdidas de venta. Y estos valores miden directamente el UX de su sitio. Optimizar el código de su sitio El código hinchado innecesariamente determina la carga lenta del sitio. Al igual que la configuración de WooCommerce anterior, en la que elimina las revisiones si no es necesario, asegúrese de reducir, posponer y optimizar el código JavaScript, HTML y CSS de su sitio es esencial para que su sitio funcione. Bien con las vitalas de la web central y en la conversión de usuarios en clientes. Muchos complementos de almacenamiento de caché tienen la opción de reducir el código y le recomendamos que tome esto. La minimización es solo el proceso de eliminar cualquier caracteres innecesarios, lo que generalmente significa espaciado que lo hace legible para el hombre. Div hace esto automáticamente ahora, así que si eres un elegante temas de miembros, ni siquiera tienes que registrarse. Algunos otros temas también ofrecen la opción de reducir el código y posponer los scripts para bloquear la reacción, pero a menudo requieren su activación. Verifique las opciones de base para ver si se acepta la función. 5. Actualice WooCommerce regularmente, esta es una idea. Debe actualizar WooCommerce con qué frecuencia es para su sitio. Siga algunas de las mejores prácticas antes de actualizar sus archivos de WooCommerce, por supuesto, para garantizar su mejor experiencia y sus clientes.
A medida que aumenta WooCommerce, las actualizaciones resuelven problemas, mejoran la interfaz de usuario y eliminan los errores. A menudo, las actualizaciones contienen problemas de compatibilidad con otros temas y complementos, así como también tomando las actualizaciones del núcleo de WordPress. Si ejecuta una versión anterior de WooCommerce, está casi garantizado para perder ventas. 6. Monitoree el viaje de su cliente si nunca ha realizado una auditoría del viaje de los clientes de su tienda ahora es el momento de hacerlo. El conocimiento exacto de cómo los usuarios ven su sitio y explorar sus productos pueden brindarle información masiva sobre dónde aplicar la optimización para el mayor impacto. Además de realizar una auditoría completa, puede hacer algunas cosas en la página de la cuenta del usuario y en su flujo de pago para aumentar las conversiones. Simplifique su proceso de pago El objetivo final de WooCommerce es aumentar las conversiones. Es decir, convertir a un visitante en un cliente. La forma más fácil de hacer esto es eliminar el roce de UX y la venta final. Cuantos menos pasos, cuantos menos pantallas tenga que hacer clic y cargar, y las opciones más simples (potencialmente menos), más posibilidades hay de convertirse.
Una forma de hacer esto es usar software como módulos Divic Woo o bloques de WooCommerce para diseñar un proceso de compra que existe en una sola página. Al combinar códigos cortos de WooCommerce, como [WooCommerce_Cart] y [WooCommerce_Checkout] con bloques y módulos en las páginas de productos, utilizando una lógica condicional, puede tener todo el proceso desde el descubrimiento hasta la entrega en una sola página. Cuando se trata de usuarios en dispositivos móviles (y la mayoría de las ventas de comercio electrónico provienen de dispositivos móviles), mantener la simplicidad significa más conversiones. Vendedores adicionales Vendedores Upslive es la práctica de proporcionar suplementos y productos adicionales a medida que se acerca una persona. En una tienda de ladrillo y mortero, a menudo son compras impulsivas cerca del registro, como dulces o juguetes o artículos más bajos. En una tienda de WooCommerce, pueden ser cualquier cosa. Puede agregar un bloque “También puede gustar” en la pantalla de finalización del pedido para pedirle al cliente que agregue más elementos, que es solo un pequeño cambio de optimización, pero que puede tener un gran impacto en la tasa de conversión. Los usuarios de Divin, por ejemplo, tienen esta función disponible en Builder con nuestro módulo Woo Upsell. El módulo Upsell aún se puede optimizar utilizando las opciones de división para mostrar perfectamente cómo y cuándo aparecen las ventas.