Saber cómo solucionar los problemas de rendimiento de WooCommerce es clave para el éxito de tu negocio online. Cuanto más rápido sea tu sitio de comercio electrónico para tus usuarios, mejor será su experiencia de compra en línea. Y cuanto mejor sea su experiencia de usuario, es más probable es que hagan un pedido. Con todo, esto se traduce en más ventas y ganancias. Por lo tanto, el rendimiento es el núcleo del éxito de tu tienda de Woocommerce.

Según un estudio, el 46% de los usuarios no vuelven a visitar un sitio de bajo rendimiento. Por lo tanto, es común que los sitios de comercio electrónico pierdan ventas potenciales debido a problemas de rendimiento. Si no has optimizado tu sitio para el rendimiento, puedes perder aún más clientes durante los días de la temporada con un alto tráfico como el Viernes Negro y el Ciberlunes.

Aunque puedes usar muchas técnicas para acelerar tu sitio de comercio electrónico, resolver rápidamente un problema urgente de rendimiento es un desafío. Requiere un monitoreo proactivo del entorno general del sitio. Ahí es donde una herramienta de monitoreo del rendimiento de la aplicación como el APM de Kinsta puede ser súper útil.

En este artículo, aprenderás sobre los diversos componentes de un sitio de comercio electrónico, por qué necesitas una herramienta de APM para monitorear el rendimiento de tu sitio de comercio electrónico, y cómo puedes usar el APM de Kinsta para estar al tanto del rendimiento de tu sitio de WooCommerce.

¿Listo para empezar? ¡Vamos!

Los Diversos Componentes de un Sitio de Comercio Electrónico

Para que un sitio de comercio electrónico funcione de manera óptima, todas las piezas tienen que cuadrar. Desde la infraestructura de alojamiento y la plataforma de comercio electrónico hasta la integración de terceros y el proceso de compra, ¡todo cuenta!

Una típica pila de tiendas de WooCommerce

Una típica pila de tiendas de WooCommerce

Da igual si vendes cervezas artesanales o cursos de entrenamiento para drones, una plataforma de comercio electrónico como WooCommerce hace que sea pan comido instalar y lanzar rápidamente una tienda en línea.

Sus diversas extensiones también hacen que sea súper sencillo ampliar la funcionalidad de la tienda con muchos componentes esenciales.

El seguimiento de varios componentes del comercio electrónico es complejo

El seguimiento de varios componentes del comercio electrónico es complejo

Cuantos más eslabones haya en una cadena, más difícil será encontrar la articulación defectuosa cuando surja un problema. Toda esta complejidad puede llevar a un aumento de los problemas de rendimiento y disponibilidad. Afecta a tu capacidad de responder rápidamente a los problemas de rendimiento y solucionarlos antes de que afecten a tus clientes.

¿La solución? Utilizar una herramienta de monitoreo del rendimiento de la aplicación.

Hemos diseñado explícitamente el APM de Kinsta para monitorear el rendimiento de los sitios de WordPress, incluyendo las tiendas WooCommerce alojadas en Kinsta.

El 46% de los usuarios no volverán a visitar un sitio de bajo rendimiento... por lo que el monitoreo del rendimiento de tu sitio de comercio electrónico es esencial para tu reputación y tus ingresos. 💰 Aprende más sobre nuestra herramienta APM incorporada aquí mismo ⬇️Click to Tweet

Los Beneficios de Utilizar el APM de Kinsta Para Sitios de WooCommerce

Los problemas de rendimiento de tu sitio WooCommerce pueden causar un daño significativo a tu negocio en línea de múltiples maneras. Puedes usar el APM de Kinsta para prevenir o superar estos problemas. Algunos de sus muchos beneficios incluyen:

Aumenta las Ventas y los Ingresos

El rendimiento es crítico para el resultado final de un sitio de comercio electrónico. Mantener el rendimiento de un sitio requiere un conocimiento de muchas métricas y habilidades de DevOps. El APM de Kinsta hace esta tarea más fácil para ti y tu personal. Como resultado, el impacto en las ventas y los ingresos es el beneficio más significativo de usar el APM de Kinsta.

Mejora la Experiencia de los Usuarios

Es un reto medir la satisfacción de los usuarios, ya que pueden desaparecer silenciosamente cuando se enfrentan a un problema de velocidad o rendimiento. Lo que es peor es que pueden ir al sitio de tu competidor. Una herramienta útil de APM como Kinsta APM te da las ideas de rendimiento que necesitas para asegurarte de que tus clientes están contentos y satisfechos con tu tienda WooCommerce.

Reduce el Daño a la Reputación de la Marca

Las palabras viajan muy rápido en la era digital. Los usuarios ya no se preguntan si tu sitio de comercio electrónico funciona perfectamente. Lo esperan de ti. Así que, cuando se interrumpe debido a la ralentización del sitio o a interrupciones, no solo pierdes una venta, sino también la reputación y la confianza de tu marca. El APM de Kinsta puede reducir sus posibilidades ayudándote a mantener tu sitio al máximo rendimiento.

Aumenta la Productividad y la Felicidad

Un sitio con mejor rendimiento se traduce en una mejora de la productividad del personal interno también. Por ejemplo, tu equipo de desarrollo no tiene que dedicar tanto tiempo a los problemas de rendimiento. El personal de soporte no tiene que gestionar tantos tickets. Tu equipo de marketing puede realizar más campañas en menos tiempo. Todo el mundo es más productivo y feliz cuando el sitio está optimizado para tener un buen rendimiento.

Libera Tiempo para la Innovación

Experimentar con estrategias innovadoras para impulsar el crecimiento de los negocios es una de las piedras angulares de la comercialización del comercio electrónico. Ya sea que tú seas un desarrollador o un comercializador, la simplicidad de Kinsta APM impulsa la colaboración, fomentando estrategias efectivas de crecimiento de negocios. También permite una resolución de problemas más rápida, lo que resulta en el despliegue de nuevas características con mayor confianza.

Disminuye los Costos de Alojamiento e Infraestructura de IT

Al identificar los cuellos de botella en el rendimiento que de otra manera no serían detectados, el APM de Kinsta te ayuda a sacar el máximo partido de tu infraestructura de alojamiento. Te permite afinar tu sitio WooCommerce para escalar mejor tu sitio web. Además, al identificar plugins, extensiones y servicios de terceros problemáticos, Kinsta APM te pone en el camino correcto para reducir los activos de IT que no funcionan.

Cómo Arreglar los Problemas de Rendimiento de WooCommerce con el APM de Kinsta

Ahora es el momento de revisar algunos ejemplos reales y explorar cómo puedes usar el APM de Kinsta para arreglar los problemas de rendimiento de WooCommerce.

Aprende los Fundamentos de Kinsta APM

¡Lo primero, es lo primero! Antes de sumergirte en la solución de problemas de tu sitio WooCommerce con Kinsta APM, es necesario aprender sus diversas terminologías y cómo interpretar sus datos. Puedes consultar nuestra base de datos de conocimientos de Kinsta APM para empezar.

Si tienes más preguntas sobre acerca del APM de Kinsta, te sugiero que leas la sección de preguntas frecuentes de Kinsta APM.

El Test y la Configuración del Sito de WooCommerce

El APM de Kinsta solo funciona con sitios de WordPress alojados en Kinsta. Para este artículo, he creado un sitio de prueba de WooCommerce para simular los problemas de rendimiento más comunes de las tiendas online. Utilicé un nombre de dominio real para asegurarme de que un apretón de manos SSL/TSL tenga lugar.

A continuación, los detalles del lugar de la prueba:

Además, personalicé ligeramente el sitio usando plugins personalizados para ilustrar ejemplos únicos. El objetivo principal aquí es enseñar cómo se puede usar el APM de Kinsta en varias situaciones para solucionar varios problemas de rendimiento de WooCommerce.

1. Ejemplo de APM de WooCommerce: Llamadas Lentas de la API de Terceros Durante el Proceso de Compra

La mayoría de los sitios de comercio electrónico se basan en integraciones de terceros para encargarse de procesos críticos como los pagos y los envíos. Muchos sitios de WooCommerce también usan plugins de terceros como Mailchimp y MailerLite para el marketing por correo electrónico.

Sin embargo, los servicios de terceros pueden tener un impacto significativo en el rendimiento de tu sitio WooCommerce. Y si está afectando tu proceso de compra, entonces deberías tomarlo aún más en serio.

El API de Stripe se enfrentó a una importante interrupción el año pasado

La API de Stripe se tuvo que enfrentar a una importante interrupción el año pasado

En este ejemplo, el sitio tardó demasiado en responder cada vez que un usuario añadía un producto a su carrito. A veces, el sitio tardó más de 5 segundos en responder. Esa es una receta perfecta para el abandono del carrito de compras.

Encendamos el APM de Kinsta para diagnosticar el problema.

Para empezar, ve al panel de control MyKinsta de tu sitio, y luego ve a la sección de Monitoreo.

Haz clic en el botón Habilitar en la sección Monitoreo del rendimiento para que Kinsta APM recoja las métricas de rendimiento de tu sitio.

Habilitando el APM de Kinsta en el tablero de MyKinsta

Habilitando el APM de Kinsta en el panel de control MyKinsta

Si antes habías activado el APM de Kinsta (como aquí), puedes ver los datos de rendimiento anteriores para ese período en el gráfico y la tabla.

Después de habilitar Kinsta APM, probé el sitio y esperé a que las métricas de rendimiento se poblaran en el panel de control de Kinsta APM.

Lo ideal sería esperar al menos 5 minutos antes de indagar en los datos. Así te asegurarás de que Kinsta APM ha recogido suficientes datos de rendimiento para presentar resultados procesables.

La pantalla del tablero principal de Kinsta APM

La pantalla del panel de control principal de Kinsta APM

Usando el menú desplegable a la izquierda del botón de Habilitar/Deshabilitar, también puedes cambiar la duración que el APM de Kinsta usa para calcular las métricas de rendimiento.

Cambiar la duración total utilizada por Kinsta APM

Cambiar la duración total utilizada por Kinsta APM

En el gráfico de Tiempo total de transacción, puedes ver que las llamadas externas ocupan la mayor parte del espacio. Sugiere que los servicios de terceros pueden ser los culpables de la desaceleración.

A continuación, puedes desplazarte hacia abajo a la tabla de Transacciones más lentas para ver las solicitudes o tareas en segundo plano que han tardado más tiempo en ejecutarse.

Una lista de las transacciones más lentas en Kinsta APM

La lista de las transacciones más lentas en Kinsta APM

Puedes ver que las solicitudes a la URL de /single-product fueron las que más tiempo tardaron. En un sitio de WooCommerce, este punto final se refiere a cualquier página de producto.

Haz clic en la transacción de /single-product para obtener muestras detalladas de tus transacciones más lentas.

Muestras de la transacción más lenta

Muestras de la transacción más lenta

Mira la muestra de la transacción más lenta, ya que su duración es de 5.535,14 ms (o 5+ segundos). Está muy por encima del tiempo de respuesta esperado. Hagamos clic en esta muestra de transacción para profundizar en ella.

Detalles de la muestra de la transacción en Kinsta APM

Detalles de la muestra de la transacción en Kinsta APM

Ahora verás la línea de tiempo del rastro de la transacción de esta muestra. En ella se enumeran los detalles de todos los procesos que se produjeron en esta transacción.

Desplázate hacia abajo a través de la línea de tiempo para encontrar los tramos más lentos.

Encontrar los lapsos más lentos en la línea de tiempo del rastreo de la transacción

Encontrar los lapsos más lentos en la línea de tiempo del rastreo de la transacción

Kinsta APM destaca los spans que necesitan tu máxima atención con el color rojo.

Aquí, los spans son slow.payment-api.com y update_card_payment. Haz clic en ambos tramos para ver un resumen detallado de ellos con un rastreo completo de la pila y otra información relacionada.

"Detalles de la extensión" y "Rastreo de la pila" en Kinsta APM

«Detalles de la extensión» y «Rastreo de la pila» en Kinsta APM

Mirando la sección de detalles del span, se puede deducir que es una petición HTTP externa.

La sección de rastreo de stack te ayuda a identificar todos los procesos involucrados en la realización de esta solicitud HTTP. Aquí, podemos ver que WC_Form_Handler::add_to_cart_action está activado. Más arriba, vemos que también involucra un script de WordPress no central llamado payment-api.php.

Anótalo como prueba. Sin embargo, hay un lapso más que tenemos que investigar.

Veamos los detalles.

"Detalles de la extensión" para un script PHP ejecutado por un plugin

«Detalles del Span» para un script PHP ejecutado por un plugin

Aquí es donde el APM de Kinsta brilla más. Se profundiza en todos los procesos relacionados con este span, y luego te da un cierto contexto. Puedes ver que es un script PHP/función llamada update_card_payment dentro del plugin payment-api.

Ya has reunido suficientes pruebas para decidir por dónde empezar el proceso de resolución de problemas.

Yo seguiría este diagnóstico buscando en el plugin de payment-api, específicamente para un script PHP o una función llamada update_card_payment.

Si tú o tu personal no tenéis los conocimientos técnicos para solucionar estos problemas, puedes contratar a un desarrollador de WordPress para que los investigue.

A continuación, contactaría con el autor del plugin para mirar en su API de pago, ya que está respondiendo súper lentamente. El APM de Kinsta puede empujarte en la dirección correcta para identificar rápidamente la causa de un problema de rendimiento. ¡Lo que hagas con este conocimiento depende de ti!

Info

En la mayoría de los casos, la solución de los problemas relacionados con el rendimiento identificados por la herramienta APM de Kinsta queda fuera de nuestro ámbito de soporte. Si necesitas ayuda adicional para optimizar tu sitio de WordPress, te recomendamos que te ponga en contacto con uno de nuestros socios.

2. Ejemplo de APM de WooCommerce: Panel de Control Admin de WooCommerce Lento

El rendimiento de una tienda en línea es tan crucial como su rendimiento en el frontend. Mientras que un Panel de Control Admin de WooCommerce lento puede impactar negativamente tu productividad, un backend más rápido puede aumentar tu eficiencia en la administración de las tareas diarias y la rapidez con la que respondes a los pedidos de los clientes.

Tener un panel de control de WooCommerce eficiente también te permite hacer cosas más esenciales para el éxito de tu tienda en línea, como el marketing digital.

WooCommerce 4.0 introdujo un tablero de control racionalizado

WooCommerce 4.0 introdujo un panel de control racionalizado

Lo ideal es que las optimizaciones del backend comiencen con las del frontend, ya que en la mayoría de los casos la aceleración del frontend soluciona los problemas de rendimiento del backend también. Con Kinsta APM, ya no tienes que depender de conjeturas como esta. Podrás ver los datos exactos de rendimiento de todo el sitio, lo que te ayudará a solucionar cualquier problema de rendimiento.

En este ejemplo, el panel de control admin es lento para el administrador y los gerentes de la tienda. Eso no es ideal para encargarse de las operaciones diarias de la tienda online.

Encendamos el APM de Kinsta para ver cuál es el problema.

Después de activar el APM de Kinsta, espera más de 15 minutos antes de indagar en los datos de rendimiento. Mientras esperas eso, usa el backend de WooCommerce como de costumbre.

Métricas de rendimiento en la pantalla principal del tablero de mandos de Kinsta APM

Métricas de rendimiento en la pantalla principal del panel de control Kinsta APM

La tabla de tiempo de transacción total indican que los procesos de PHP son los que más tiempo tardan, seguidos de las llamadas externas.

Mirar la tabla de transacciones más lentas nos dará una mejor idea de qué solicitudes están tardando más.

Encontrar las transacciones más lentas en Kinsta APMM

Encontrar las transacciones más lentas en Kinsta APM

De la tabla anterior, está claro que dos transacciones acaparan la mayor parte del tiempo: /wp-admin/admin-ajax.php y /wp-admin.

El uso de High Admin-Ajax es uno de los problemas de rendimiento más comunes a los que se enfrentan los propietarios de sitios de WordPress. Investiguemos esta transacción más a fondo.

¿Necesitas una solución de alojamiento que te dé una ventaja competitiva? Kinsta te tiene cubierto con una velocidad increíble, seguridad de última generación y escalado automático. Echa un vistazo a nuestros planes

Muestras de transacciones para solicitudes de admin-ajax.php

Muestras de transacciones para solicitudes de admin-ajax.php

Todas las muestras de transacciones de admin-ajax.php tienen casi la misma duración. Una duración de transacción de más de 10 segundos es inusualmente alta.

Revisemos su muestra más lenta.

La muestra de transacción más lenta para la solicitud de admin-ajax.php

La muestra de transacción más lenta para la solicitud de admin-ajax.php

Desplázate hacia abajo a través de la línea de tiempo del rastreo de la transacción para encontrar los spans de interés. En la mayoría de los casos, el APM de Kinsta los resaltará.

Sin embargo, no siempre es así, como en este caso:

Encontrar los lapsos más lentos en la línea de tiempo del rastreo de la transacción

Encontrar los spans más lentos en la línea de tiempo del rastreo de la transacción

Puedes observar dos spans con una duración inusualmente alta: el proceso PHP snail_admin_refresh y la petición HTTP externa de suspiro-link.com GET.

Examinando los detalles del tramo más lento en Kinsta APM

Examinando los detalles del span más lento en Kinsta APM

Comprobando los detalles del span te dirigirá hacia el plugin que ejecuta este proceso PHP. Aquí, es un plugin llamado snail-admin-refresh-notice. Lo escribí para producir una horrible notificación en el panel de control de WordPress, como algunos plugins populares de WordPress.

Inspeccionando el rastro de la pila en otro tramo lento

Inspeccionando el rastreo de stack en otro tramo lento

Mirando el rastreo de Stack del span suspiro-link.com GET, puedes ver que está relacionado con el mismo plugin.

El molesto aviso del administrador de WordPress

El molesto aviso del administrador de WordPress

Aquí, la causa de la desaceleración está literalmente enfrente. Sin embargo, no siempre es así. Si varios usuarios están usando el panel de control WooCommerce simultáneamente, pueden sobrecargar aún más los recursos del servidor. Incluso puede hacer que el panel de control sea inaccesible para algunos usuarios.

Ayudándote a identificar rápidamente la causa de cualquier problema de rendimiento, Kinsta APM te permite mantener tu panel de control de WooCommerce rindiendo al máximo, ¡siempre!

3. Ejemplo de APM de WooCommerce: Tienda y Páginas de Productos Lentos

Los usuarios no pueden esperar a que las páginas lentas se carguen, especialmente cuando se trata de una tienda o una página de productos. Según el estudio de usabilidad de Google, los usuarios abandonan una página cuando tarda más de 2,5 segundos en responder.

Una de las páginas de productos en el sitio de prueba WooCommerce

Una de las páginas de productos en el sitio de prueba WooCommerce

Podría haber muchas razones por las que una tienda o página de productos de WooCommerce se carga lentamente:

En este ejemplo, diagnosticaremos las páginas de productos lentos en nuestro sitio de prueba WooCommerce. Están tardando mucho tiempo en responder, lo que suele ser desastroso para las tasas de conversión.

Activemos el APM de Kinsta e intentemos cargar algunas páginas de productos.

Los probaré durante al menos 5 minutos antes de ver qué pasa con la métrica de rendimiento del sitio.

Observe el fuerte aumento en el tiempo de transacción relacionado con MySQL

Observa el fuerte aumento en el tiempo de transacción relacionado con MySQL

En el gráfico de tiempo de transacción total, se puede observar un drástico aumento en el tiempo de las consultas a MySQL. Y revisando el tiempo podemos ver que todo es reciente.

Elijamos una duración más corta para centrarnos en estas transacciones recientes. Eso descartará todas las viejas métricas de rendimiento de nuestro diagnóstico actual.

Eligiendo una duración más corta en Kinsta APM

Eligiendo una duración más corta en Kinsta APM

Ahora echemos un vistazo a la tabla de transacciones más lentas y veamos qué solicitudes ocupan más tiempo.

La solicitud de páginas de productos individuales es la más lenta

La solicitud de páginas de productos individuales es la más lenta

Como era de esperar, la transacción /single-product ocupa la mayor parte de la duración total. WooCommerce activa esta solicitud cuando un usuario visita cualquier página de un producto individual.

Su duración máxima (136.417,63 m) es extraordinariamente alta.

Vamos a comprobarlo.

Muestras de transacciones para las solicitudes de páginas de productos individuales

Muestras de transacciones para las solicitudes de páginas de un producto individual

Haré clic en la muestra más lenta para inspeccionarla. Desplazándonos a través de su línea de tiempo de rastreo de transacciones nos dará una mejor idea de lo que está causando este problema de rendimiento.

El problemático tramo resaltado en rojo vivo

El span problemático resaltado en rojo vivo

Puedes ver que el APM de Kinsta ha resaltado el tramo de impuestos con un color rojo brillante. Mirando su icono, se puede deducir que es una consulta a la base de datos.

"Detalles de la extensión" y "Rastreo de la pila" de la lenta consulta de la base de datos

«Detalles del span» y «Rastreo del span» de la lenta consulta de la base de datos

Kinsta APM cruje el rastro del span de este tramo e identifica el plugin que genera esta agotadora consulta a la base de datos.

Aquí, es un plugin llamado woocommerce-related-products. Es una extensión de WooCommerce que genera dinámicamente un deslizador de productos relacionados para cada página de producto individual basado en varios criterios.

El deslizador de "productos relacionados" en una página de productos

El deslizador de «productos relacionados» en una página de productos

Bajo los detalles del span, también puedes ver la declaración de la base de datos que inyecté en esta extensión de WooCommerce para simular este problema de rendimiento.

Para las grandes tiendas WooCommerce que venden cientos (o miles) de productos, la introducción de una nueva característica o la actualización de una existente puede causar problemas de rendimiento inesperados. Problemas como el que muestro arriba son bastante comunes. Kinsta APM facilita el diagnóstico y la solución de los mismos.

Frustración. Molestia. Decepción. Todas las cosas que los clientes podrían sentir si tu sitio de comercio electrónico tiene problemas de rendimiento. 😬 Adelántate al problema con nuestra función APM incorporada y empieza a monitorear tu sitio lo antes posible ✅Click to Tweet

Resumen

Vivimos en un mundo acelerado en el que puedes acceder a casi cualquier cosa las 24 horas del día, los 7 días de la semana. Ya sea una pequeña o gran empresa, WordPress y WooCommerce hacen que sea muy fácil comenzar a vender cosas en línea. Y puedes encontrar temas rápidos para ambos (temas rápidos de WordPress y temas rápidos de WooCommerce).

La experiencia del usuario es la clave del éxito de una tienda online, y depende principalmente de su rendimiento. Sin embargo, como se muestra en este artículo, es un desafío monitorear el rendimiento de una tienda WooCommerce.

En este artículo, aprendiste a usar el APM de Kinsta para arreglar problemas de rendimiento de WooCommerce, como llamadas largas a la API, panel de control lento y consultas lentas a la base de datos. Al ayudarte a eliminar las conjeturas de la ecuación, Kinsta APM te permite rastrear los problemas de rendimiento y resolverlos rápidamente con un mínimo de interrupciones.

¡Comienza hoy mismo a trabajar con Kinsta APM y consigue una ventaja significativa en el competitivo mercado actual!


Ahorra tiempo, costes y maximiza el rendimiento del sitio con:

  • Ayuda instantánea de expertos en alojamiento de WordPress, 24/7.
  • Integración de Cloudflare Enterprise.
  • Alcance de audiencia global con 28 centros de datos en todo el mundo.
  • Optimización con nuestra herramienta de monitoreo de rendimiento de aplicación integrada.

Todo esto y mucho más, en un plan sin contratos a largo plazo, migraciones asistidas y una garantía de devolución del dinero de 30 días. Conozca nuestros planes o habla con el departamento de ventas para encontrar el plan más adecuado para ti.