Cómo solucionar problemas de rendimiento de WooCommerce usando Kinsta APM (ejemplos del mundo real)

Saber cómo solucionar los problemas de rendimiento de WooCommerce es clave para el éxito de su negocio en línea. Cuanto más ágil sea su sitio de comercio electrónico para sus usuarios, mejor será su experiencia de compra en línea. Y cuanto mejor sea su experiencia de usuario, más probabilidades tendrá de realizar 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 su tienda Woocommerce.

Según un estudio, 46% de los usuarios no vuelven a visitar un sitio con un rendimiento deficiente. Por lo tanto, es común que los sitios de comercio electrónico se pierdan ventas potenciales debido a problemas de rendimiento. Si no ha optimizado el rendimiento de su sitio, puede perder aún más durante los días de alto tráfico estacional, como el Black Friday y el Cyber ​​Monday.

Si bien puede utilizar muchas técnicas para acelerar su sitio de comercio electrónico, resolver rápidamente un problema de rendimiento urgente 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 Kinsta APM puede ser muy útil.

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

¿Listo para empezar? ¡Vamos!

Los diversos componentes de un sitio de comercio electrónico

Para ejecutar un sitio de comercio electrónico con un rendimiento óptimo, todas las piezas son importantes. Desde su infraestructura de alojamiento y plataforma de comercio electrónico hasta sus integraciones de terceros y el proceso de pago, ¡todo cuenta!

Ya sea que venda cervezas artesanales o cursos de capacitación de drones, una plataforma de comercio electrónico como WooCommerce hace que configurar y lanzar rápidamente una tienda en línea sea pan comido.

Sus diversas extensiones también hacen que sea muy simple extender la funcionalidad de la tienda con muchos componentes esenciales.

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

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

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

El 46% de los usuarios no volverán a visitar un sitio de bajo rendimiento … razón por la cual monitorear el rendimiento de su sitio de comercio electrónico es esencial para su reputación y sus ingresos. 💰 Obtenga más información sobre nuestra herramienta APM incorporada aquí mismo ⬇️Haz clic para tuitear

Los beneficios de usar Kinsta APM para sitios de WooCommerce

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

Aumenta las ventas y los ingresos

El rendimiento es fundamental para el resultado final de un sitio de comercio electrónico. Mantener un sitio eficiente requiere la comprensión de muchas métricas y habilidades de DevOps. Kinsta APM facilita esta tarea para usted y su personal. Como resultado, el impacto en las ventas y los ingresos es el beneficio más significativo de usar Kinsta APM.

Experiencia de usuario de Betters

Es un desafío medir la satisfacción de sus 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 su competidor. Una herramienta APM útil como Kinsta APM le brinda la información de rendimiento que necesita para asegurarse de que sus clientes estén contentos y satisfechos con su tienda WooCommerce.

Reduce el daño a la reputación de la marca

Las palabras viajan bastante rápido en la era digital. Los usuarios ya no se preguntan si su sitio de comercio electrónico funciona a la perfección. Lo esperan. Por lo tanto, cuando se interrumpen debido a ralentizaciones o interrupciones del sitio, no solo pierde una venta, sino también la reputación y la confianza de su marca. Kinsta APM puede reducir sus posibilidades ayudándole a mantener su sitio funcionando al máximo.

Aumenta la productividad y la felicidad

Un sitio con mejor rendimiento también se traduce en una mejora de la productividad del personal interno. Por ejemplo, su equipo de desarrollo no tiene que dedicar tanto tiempo a abordar los problemas de rendimiento. El personal de soporte no tiene que gestionar tantos tickets. Su 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á ajustado para funcionar bien.

Libera tiempo para la innovación

Experimentar con estrategias innovadoras para impulsar el crecimiento empresarial es una de las piedras angulares del marketing de comercio electrónico. Ya sea que sea un desarrollador o un comercializador, la simplicidad de Kinsta APM impulsa la colaboración, fomentando estrategias efectivas de crecimiento empresarial. También permite una resolución de problemas más rápida, lo que da como resultado la implementación de nuevas funciones con mayor confianza.

Disminuye los costos de infraestructura de TI y hosting

Al identificar los cuellos de botella de rendimiento que de otro modo no se detectarían, Kinsta APM lo ayuda a aprovechar al máximo su infraestructura de alojamiento. Le permite ajustar su sitio WooCommerce para escalar mejor su sitio web. Además, al identificar complementos, extensiones y servicios de terceros problemáticos, Kinsta APM lo coloca en el camino correcto para reducir los activos de TI que no funcionan.

Cómo solucionar problemas de rendimiento de WooCommerce con Kinsta APM

Ahora es el momento de verificar algunos ejemplos del mundo real y explorar cómo puede usar Kinsta APM para solucionar problemas de rendimiento de WooCommerce.

Aprenda los conceptos básicos de Kinsta APM

¡Lo primero es lo primero! Antes de profundizar en la resolución de problemas de su sitio WooCommerce con Kinsta APM, es necesario aprender sus diversas terminologías y cómo leer sus conocimientos. Puede consultar nuestra base de conocimientos de Kinsta APM para comenzar.

Si tiene más preguntas sobre Kinsta APM, le sugiero que lea la sección de preguntas frecuentes de Kinsta APM.

El sitio y la configuración de prueba de WooCommerce

Kinsta APM solo funciona con sitios de WordPress alojados en Kinsta. Para este artículo, configuré un sitio de WooCommerce de prueba para simular los problemas de rendimiento más comunes de las tiendas en línea. Utilicé un nombre de dominio real para asegurarme de que se lleva a cabo un protocolo de enlace SSL / TSL.

A continuación se muestran los detalles del sitio de prueba:

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

1. Ejemplo de APM de WooCommerce: llamadas de API de terceros lentas durante el pago

La mayoría de los sitios de comercio electrónico dependen de integraciones de terceros para encargarse de procesos críticos como pagos y envíos. Muchos sitios de WooCommerce también utilizan complementos 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 su sitio WooCommerce. Y si está afectando su proceso de pago, debería tomárselo aún más en serio.

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

Iniciemos Kinsta APM para diagnosticar el problema.

Para comenzar, vaya al panel de MyKinsta de su sitio y luego diríjase al Vigilancia sección.

Haga clic en el Habilitar botón debajo del Supervisión del rendimiento sección para permitir que Kinsta APM recopile las métricas de rendimiento de su sitio.

Si ha habilitado Kinsta APM antes (como aquí), puede ver los datos de rendimiento pasado para ese período que se muestran 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 aparecieran en el panel de Kinsta APM.

Idealmente, espere al menos 5 minutos antes de profundizar en los datos. Se asegurará de que Kinsta APM haya recopilado suficientes datos de rendimiento para presentar resultados procesables.

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

En el Transacción general tiempo gráfico, puedes ver eso Externo las llamadas ocupan la mayor parte del espacio. Sugiere que los servicios de terceros pueden ser los culpables de la desaceleración.

A continuación, puede desplazarse hacia abajo hasta Transacciones más lentas tabla para ver las solicitudes o tareas en segundo plano que tardaron más en ejecutarse.

Puede ver que las solicitudes al / producto único La URL ocupó la mayor parte del tiempo. En un sitio de WooCommerce, este punto final se refiere a cualquier página de producto.

Haga clic en el / producto único transacción para obtener muestras seleccionadas de sus transacciones más lentas.

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

Ahora verá esta muestra Cronograma de seguimiento de transacciones. Enumerará los detalles con sello de tiempo de todos los procesos que ocurrieron en esta transacción.

Desplácese hacia abajo por la línea de tiempo para encontrar los intervalos más lentos.

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

Aquí, los tramos son slow.payment-api.com y update_card_payment. Haga clic en ambos tramos para ver una descripción detallada de ellos con un seguimiento de pila completo y otra información relacionada.

Mirando el Detalles del tramo sección, puede inferir que es una solicitud HTTP externa.

los Seguimiento de pila La sección le 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 esta comprometido. Más arriba, vemos que también involucra un script de WordPress no central llamado pago-api.php.

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

Veamos los detalles al respecto.

Kinsta APM brilla más aquí. Profundiza en todos los procesos relacionados con este lapso y luego le da algo de contexto. Puede ver que es un script / función PHP llamado update_card_payment dentro de pago-api enchufar.

Ha acumulado suficiente evidencia ahora para hacer un juicio sólido sobre dónde comenzar su proceso de solución de problemas.

Seguiría este diagnóstico examinando el pago-api complemento, específicamente para un script PHP o función llamada update_card_payment.

Si usted o su personal no tienen la experiencia técnica para solucionar estos problemas, puede contratar a un desarrollador de WordPress para que los investigue.

A continuación, me pondría en contacto con el autor del complemento para ver su API de pago, ya que responde muy lento. Kinsta APM puede orientarlo en la dirección correcta para identificar rápidamente la causa raíz de un problema de rendimiento. ¡Lo que hagas con este conocimiento depende de ti!

2. Ejemplo de APM de WooCommerce: Panel de administración de WooCommerce lento

El rendimiento del backend de una tienda en línea es tan crucial como el rendimiento del frontend. Si bien un panel de administración de WooCommerce lento puede afectar negativamente su productividad, un backend más rápido puede aumentar su eficiencia en la gestión de las tareas diarias y la rapidez con que responde a los pedidos de los clientes.

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

Idealmente, las optimizaciones de backend comienzan con optimizaciones de frontend, ya que en la mayoría de los casos la aceleración de la interfaz también soluciona problemas de rendimiento en el backend. Con Kinsta APM, ya no tiene que depender de conjeturas como esta. Podrá ver los datos de rendimiento exactos de todo el sitio, lo que le ayudará a solucionar cualquier problema de rendimiento.

En este ejemplo, el panel de administración es lento para el administrador y los gerentes de tienda. Eso no es ideal para cuidar las operaciones diarias de la tienda en línea.

Iniciemos Kinsta APM para ver cuál es el problema.

Después de habilitar Kinsta APM, esperé más de 15 minutos antes de profundizar en los datos de rendimiento. Mientras esperaba eso, comencé a usar el backend de WooCommerce como de costumbre.

los Tiempo total de transacción El gráfico indica que los procesos PHP ocupan la mayor parte del tiempo, seguidos de las llamadas externas.

Mirando a la Transacciones más lentas table nos dará una mejor idea de qué solicitudes están ocupando la mayor parte del tiempo.

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

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

Todos admin-ajax.php las muestras de transacciones tienen casi la misma duración. La duración de una transacción de más de 10 segundos es anormalmente alta.

Veamos su muestra más lenta.

Desplácese hacia abajo a través del Cronograma de seguimiento de transacciones para encontrar los tramos de interés. En la mayoría de los casos, Kinsta APM los resaltará.

Sin embargo, ese no es siempre el caso, como en este:

Puede observar dos tramos con una duración inusualmente alta: snail_admin_refresh Proceso PHP y suspicious-link.com OBTENER solicitud HTTP externa.

La verificación de los detalles del intervalo le indicará el complemento que ejecuta este proceso PHP. Aquí, es un complemento llamado caracol-admin-refresco-aviso. Lo escribí para generar una notificación horrible en el panel de WordPress, al igual que algunos complementos populares de WordPress.

Mirando a la Seguimiento de pila de El suspicious-link.com OBTENER span, puede ver que está relacionado con el mismo complemento.

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

Al ayudarlo a identificar rápidamente la causa raíz de cualquier problema de rendimiento, Kinsta APM le permite mantener su panel de WooCommerce funcionando al máximo, ¡siempre!

3. Ejemplo de APM de WooCommerce: Tienda lenta y páginas de productos

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

Puede haber muchas razones por las que una tienda de WooCommerce o la página de un producto se cargan lentamente:

• Es posible que la página de la tienda tenga demasiados productos cargándose a la vez.
• El tamaño de la página del producto puede ser grande debido a imágenes no optimizadas, scripts, solicitudes de terceros, etc.
• La página de la tienda o del producto puede cargar una gran cantidad de contenido dinámico que no se puede almacenar en caché en la página de cada solicitud.
• Un complemento o el tema pueden insertar scripts personalizados en cada página de producto para habilitar una funcionalidad adicional (por ejemplo, contadores de acciones sociales, productos relacionados).

En este ejemplo, diagnosticaremos páginas de productos lentas en nuestro sitio de prueba de WooCommerce. Están tardando un tiempo inusualmente largo en responder, lo que generalmente es desastroso para las tasas de conversión.

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

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

Desde el Tiempo total de transacción gráfico, puede observar un aumento drástico en el tiempo necesario para las consultas MySQL. Y siguiendo la marca de tiempo, todo es reciente.

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

Ahora echemos un vistazo al Transacciones más lentas tabla y ver qué solicitudes consumen más tiempo.

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

Su duración máxima (136,417.63 ms) es extraordinariamente alto.

Vamos a ver.

Haré clic en la muestra más lenta para inspeccionarla. Desplazándose por su Cronograma de seguimiento de transacciones nos dará una mejor idea de la causa de este problema de rendimiento.

Puede ver que Kinsta APM ha resaltado el tramo de impuestos con un color rojo brillante. Al mirar su icono, puede inferir que es una consulta de base de datos.

Kinsta APM procesa el seguimiento de la pila de este intervalo e identifica el complemento que genera esta consulta de base de datos de impuestos.

Aquí, es un complemento llamado productos relacionados con woocommerce. Es una extensión de WooCommerce que genera dinámicamente un control deslizante de productos relacionados para cada página de producto individual según varios criterios.

Bajo la Detalles del tramo, también puede 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 de WooCommerce que venden cientos (o miles) de productos, la introducción de una nueva función o la actualización de una existente puede causar problemas de rendimiento inesperados. Problemas como el que se muestra arriba son bastante comunes. Kinsta APM facilita su diagnóstico y reparación.

Frustración. Molestia. Decepción. Todo lo que los clientes podrían sentir si su sitio de comercio electrónico tiene problemas de rendimiento. 😬 Anticípese al problema con nuestra función APM incorporada y comience a monitorear su sitio lo antes posible ✅Haz clic para tuitear

Resumen

Vivimos en un mundo acelerado donde puede acceder a casi cualquier cosa las 24 horas del día, los 7 días de la semana. Ya sea una pequeña empresa o una gran empresa, WordPress y WooCommerce hacen que sea muy fácil comenzar a vender cosas en línea. Y puede encontrar temas rápidos para ambos (temas rápidos de WordPress, 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 desempeño de una tienda WooCommerce.

En este artículo, aprendió cómo usar Kinsta APM para solucionar problemas de rendimiento de WooCommerce, como largas llamadas a la API, tablero lento y consultas lentas de la base de datos. Al ayudarlo a eliminar las conjeturas de la ecuación, Kinsta APM le permite rastrear problemas de rendimiento y resolverlos rápidamente con una interrupción mínima.

¡Póngase manos a la obra con Kinsta APM hoy y obtenga una ventaja significativa en el competitivo mercado actual!