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.
Y recuerda, tu objetivo final es aumentar los ingresos de tu tienda. Así que asegúrate de descargar nuestro ebook gratuito, 10 maneras de aumentar las conversiones de tu página de producto 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!
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.
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.
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:
- Pila de servidores: Nginx 1.19.4, PHP 7.3.24-3, MariaDB 5.5.5
- Versión de WordPress: WordPress 5.5.3
- Tema: Tema Astra 2.6.1
- Plugins primarios: WooCommerce 4.7.1, WooCommerce Cart Abandonment Recovery, Kinsta Must-use Plugins, y Akismet Anti-spam.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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:
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.
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.
Mirando el rastreo de Stack del span suspiro-link.com GET, puedes ver que está relacionado con el mismo plugin.
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.
Podría haber muchas razones por las que una tienda o página de productos de WooCommerce se carga lentamente:
- La página de la tienda puede tener demasiados productos cargando a la vez.
- El tamaño de la página del producto puede ser grande debido a las imágenes no optimizadas, los scripts, las solicitudes de terceros, etc.
- La tienda o la página de productos puede cargar mucho contenido dinámico no almacenado en el caché en la página de cada solicitud.
- Un plugin o el tema puede insertar scripts personalizados en cada página de producto para permitir una funcionalidad extra (por ejemplo, contadores de acciones sociales, productos relacionados).
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.
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.
Ahora echemos un vistazo a la tabla de transacciones más lentas y veamos qué solicitudes ocupan más tiempo.
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.
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.
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.
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.
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.
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!
Deja una respuesta