DE{CODE}: 6 trucos de desarrollo de WooCommerce para crear sitios web de comercio electrónico rápidos

Junto a las ventas, la velocidad del sitio es quizás la métrica más importante para sus sitios web de comercio electrónico. ¿Por qué? Los sitios web de comercio electrónico rápido obtienen más tráfico, tienen tasas de conversión más altas, tasas de rebote más bajas y generan más visitantes que regresan. En esta sesión, Jeremy Benoit, gerente sénior de productos de WP Engine, y Catherine Kelly, gerente de ingeniería, exploran los trucos de los desarrolladores, las características de WP Engine y otras herramientas para hacer que su tienda WooCommerce sea aún más rápida.

Diapositivas de la sesión

Transcripción de texto completo

JEREMY BENOIT : Hola a todos y bienvenidos a DE{CODE} 2022. Esta es la pista de comercio electrónico. Soy Jeremy Benoit, gerente senior de productos de WP Engine y estamos aquí para hablar sobre seis consejos para mejorar el rendimiento de WooCommerce. Me acompañará hoy mi colega, Catherine Kelly, y comencemos.

Entonces, comenzaré compartiendo una cita de uno de nuestros ingenieros de software, Chris Weigman. Y como él lo expresó, según Google, el 53% de los usuarios abandonarán un sitio si la velocidad de carga de una página demora más de tres segundos. Eso significa que tienes exactamente tres segundos para obtener todos los datos en la página de ese producto, todas las imágenes que les enviaste, toda la información al respecto, todos los pequeños widgets y anuncios, y te mostrará un poco por qué Hablamos de velocidad hoy, porque la velocidad de la experiencia del comprador es crucial.

La velocidad de la página es el tiempo de carga de una sola página y se puede medir de varias maneras. Dos formas críticas son el tiempo hasta el primer byte, que utiliza Google PageSpeed ​​Insights, o el tiempo hasta la carga completa de la página o el último byte, que suele ser un reflejo de lo que experimentan los compradores. La velocidad de la página también afecta las tasas de conversión en su sitio de compras y también afectará el SEO de su sitio de comercio electrónico.

Una pieza crítica de la velocidad es un alojamiento excelente para la calidad de su experiencia de compra. En la plataforma optimizada de cómputo de WP Engine, brindamos una experiencia de comercio electrónico mejorada para un rendimiento mejorado en todo su contenido de compras, estático o dinámico. Y hablaremos sobre esos dos tipos de contenido diferentes aquí en solo un segundo mientras comenzamos con los 6 consejos y trucos. Ahora se lo paso a mi colega, Catherine.

CATHERINE KELLY : Saludos. Gracias por eso, Jeremy. Hoy vamos a cubrir seis consejos en relación con WooCommerce, su configuración y la creación de una tienda de comercio electrónico. Para algunos de ustedes, desarrolladores experimentados, estos consejos y sugerencias les resultarán bastante familiares, pero para algunos de los desarrolladores más nuevos, es posible que obtengan algunas ideas útiles.

Así que hoy vamos a cubrir WooCommerce y el almacenamiento en caché, la optimización de medios, la optimización de búsqueda, los fragmentos de carrito de Ajax, la tabla de pedidos personalizados y la velocidad de headless. Entonces, para el primero que vamos a cubrir es WooCommerce y el almacenamiento en caché. Antes de entrar en eso, queremos entender cuáles son las diferentes opciones que tiene en relación con el almacenamiento en caché, qué es, y luego podemos abordar cómo vamos a mejorarlo.

Por lo tanto, el almacenamiento en caché puede dar la impresión de ser un santo grial en relación con los problemas de rendimiento. Cuando, de hecho, el almacenamiento en caché se creó originalmente no en relación con el rendimiento, pero en realidad era para que las computadoras tuvieran una respuesta automática a la misma solicitud una y otra vez, en lugar de tener que volver a calcularla cada vez. El almacenamiento en caché es una técnica que se utiliza para almacenar temporalmente una respuesta a una solicitud y luego entregar esa misma respuesta a la misma solicitud exacta al mismo recurso en un momento posterior.

Así que es un poco como uno de esos niños molestos: su niño molesto que le hace la misma pregunta una y otra vez, todos los días, como por qué, por qué, por qué, y solo quiere darle una respuesta automática. Y esto puede funcionar muy bien y cuando proporciona información estática para sitios estáticos, siempre está dando la misma respuesta. Sin embargo, este enfoque no funciona demasiado bien con respecto al comercio electrónico, porque arroja una llave inglesa en el proceso porque las solicitudes que se envían al servidor cada vez no siempre van a ser las mismas, y usted tiene que manejar y controlar en relación a los carritos, diferentes solicitudes de diferentes usuarios al mismo tiempo.

También desea recordar las transacciones anteriores que tiene en relación con sus clientes, lo que hay en su carrito, desea recordar lo que ya no está disponible en su tienda para que el carrito pueda reflejar con precisión lo que se está sirviendo a ese usuario. También desea asegurarse de que, en relación con el almacenamiento en caché, no está entregando un carrito que está relacionado con el cliente A al cliente B, y que en realidad pueden ver lo que otra persona está ordenando, básicamente filtrando información, lo que no desea. . Hay un equilibrio finito que puede tener en relación con el almacenamiento en caché que usted, que es bastante difícil de cumplir cuando intenta brindar un toque personal a sus clientes para que permanezcan comprometidos en su sitio. Entonces, los diferentes niveles y tipos de caché que tenemos: un caché de servidor.

Y el caché del servidor es generalmente como cualquier otro caché. Es básicamente el caché que está en su servidor en términos de cuándo construye la página y la entrega a una solicitud en particular. Cuando está parado justo al lado de ese servidor y realiza una solicitud, su respuesta puede ser instantánea. Sin embargo, cuando estás como a 1000 kilómetros de distancia, como tu usuario o persona de comercio electrónico, esa respuesta puede tardar mucho en llegar.

Entonces tienes caché de aplicaciones. Y el caché de la aplicación en WordPress y WooCommerce, puede usar complementos para administrarlo. Los complementos como W3 Total Cache, WP Rocket tienen opciones para administrar el caché en la aplicación y estos complementos básicamente almacenan una versión temporal de una página solicitada y un archivo en sus servidores. Esto puede ser, sin embargo, esta puede ser una forma muy ineficiente de almacenamiento en caché y no debe usarse si tiene la capacidad de almacenar en caché en el propio servidor o en un servicio como dominios acelerados o Cloudflare, que distribuye el caché globalmente.

Entonces tienes caché del navegador. Y el caché del navegador es básicamente el caché del usuario final. ¿Alguna vez ha experimentado, por ejemplo, algo en un sitio que ha actualizado y no lo ve automáticamente en la interfaz cuando está desarrollando y revisando su sitio? Esto se debe a que se ha almacenado en caché en ese navegador real. Es básicamente una versión temporal de esa página o activo almacenado en el navegador de su usuario en su computadora o teléfono.

Está ahí para que no tenga que descargar la misma página o activo varias veces para acelerar la visualización de esa página, lo que funciona bastante bien cuando tiene un sitio estático. Pero cuando tiene un sitio dinámico como un sitio de comercio electrónico, siempre estamos tratando de ofrecer productos, descripciones e información. Puede ser… no es tan efectivo como le gustaría.

Luego tiene lo que se conoce como caché CDN de proxy. Un caché CDN proxy es un caché que se encuentra entre su servidor de origen, por lo que es el servidor que desarrolla y presenta más la primera página original, y el navegador del usuario real. Son dominios acelerados y Cloudflare es un tipo de CDN proxy. Y todas las solicitudes y respuestas pasan por sus dominios antes de llegar al servidor original.

Es esencialmente un grupo de servidores que están ubicados estratégicamente en todo el mundo con el propósito de acelerar la entrega de contenido estático para sus usuarios. Es casi como si estuvieran justo al lado del servidor de servicio original cuando están a 1,000 millas de distancia. Por lo que acelera el servicio de esa página. Y una vez que sus activos estáticos se almacenan en caché en todos los servidores perimetrales en una ubicación particular, todos los visitantes posteriores y las solicitudes de información estática se entregan desde lo que se conoce como sus servidores perimetrales, en lugar del servidor original, lo que reduce la carga y acelera el rendimiento. y mejorar la escalabilidad.

Entonces, todo esto funciona muy bien en general con respecto a los sitios estáticos como se mencionó. Pero los cachés de comercio electrónico ponen una llave inglesa en las obras. Y el comercio electrónico: la razón por la que hay una llave inglesa en proceso es en relación con sus páginas de inicio de sesión, sus carritos, sus pagos, sus listas de deseos, que se actualizan dinámicamente todo el tiempo. Por lo tanto, no son estáticos como lo requeriría en el sitio normal, por ejemplo, de blogs.

En general, puede almacenar en caché la solicitud GET. Y con solicitudes GET, o como sugiere el nombre, una solicitud para obtener algún recurso. Aunque las solicitudes GET a menudo son seguras para almacenar en caché, como se mencionó, no desea volver a almacenar en caché la página de inicio de sesión, los carros y los pagos. Desea servirlos siempre lo más frescos y nuevos posible para el cliente para que estén actualizados y sean precisos.

Por lo tanto, no desea entregar algo del carrito y no escribir, no lo escriba con caché. En general, cuando tiene algo en el carrito, la mayoría de los servidores omitirán el caché por completo. Por lo tanto, vuelve al problema de que lo está sirviendo desde su servidor original en lugar de desde su CDN. Entonces, lo que tiene que hacer es ser inteligente al respecto y descubrir, OK, ¿cómo puedo servir elementos estáticos de mi proveedor de CDN pero siempre aplicar la dinámica de mi servidor original real para que todo esté actualizado y preciso?

Entonces, las cosas a las que debe prestar atención: para el caché del servidor, dado que el servidor genera la página web, el almacenamiento en caché del servidor le permite recordar partes de la página en toda la página que no se genera desde cero cada vez. Y con el almacenamiento en caché del navegador, esto ayuda al navegador a recordar cómo se ve una página web para que no tenga que perder tiempo intercambiando datos con el servidor. Y esto es útil, como se mencionó, para los visitantes que acceden a varias páginas porque puede haber archivos estáticos. Por ejemplo, las hojas de estilo y los archivos JavaScript se pueden almacenar en el navegador.

Entonces, para las mejores prácticas con respecto al almacenamiento en caché, siempre almacene HTML de forma selectiva. Básicamente, como primer nivel, almacene en caché todo para que actúe como un anónimo estático, para un contenido anónimo estático. Y luego busque omitir el caché en las cookies y almacenar en caché todo lo que está en su carrito, en su lista de deseos usando una cookie para omitir elementos particulares del caché. Y siempre configure su caché de edad, su tiempo de vida, con respecto a su configuración de Cloudflare. Eso debería garantizar que su caché se mantenga siempre actualizada y coincida con el origen original.

Entonces, una de las cosas que entendemos al hablar con nuestros clientes de comercio electrónico es que este es un problema que generalmente los desarrolladores tienen que resolver por su cuenta. Entonces, como parte de nuestro desarrollo en WP Engine, en realidad estamos trabajando en una solución específica de comercio electrónico que permite, de manera predeterminada, suministrar e instalar WooCommerce con todas estas reglas de almacenamiento en caché configuradas de manera predeterminada. Así que almacenamos en caché todo el material estático y luego no almacenamos en caché todo el material dinámico para que siempre esté actualizado. Siempre se actualiza continuamente para usted. Y, por lo tanto, no tiene conflictos como la fragmentación del carrito para sus usuarios.

Optimización de medios: otra cosa que es fundamental con respecto a la entrega de contenido desde su servidor a su usuario final, que está en su sitio de comercio electrónico, es la optimización de medios. Lo primero que hay que pensar es, ¿qué es la optimización de medios? ¿Qué podemos hacer al respecto? ¿Y cómo podemos asegurarnos de que los clientes tengan una experiencia rápida, efectiva y dinámica al navegar y utilizar su sitio?

Entonces, con respecto a las imágenes y los videos, requieren diferentes tipos de optimización, nuevamente, para brindarles a sus clientes una experiencia óptima según el dispositivo que realmente están usando. Por lo tanto, la optimización de medios es un proceso de uso de las mejores herramientas, estrategias avanzadas y experimentos, porque siempre desea experimentar para ofrecer el rendimiento de un sitio de comercio electrónico. Quiere optimización de activos. Se busca encontrar el equilibrio entre eficiencia y confiabilidad.

Por lo tanto, desea entregar siempre el contenido para su cliente de la manera más rápida posible que no termine siendo perjudicial para el rendimiento de su sitio. Quiere servir el contenido de mejor apariencia en el menor tiempo posible teniendo en cuenta las diferentes plataformas y activos en los que se pueden consumir los medios, por ejemplo, una computadora portátil, una PC o un dispositivo móvil y, como nosotros muévase al mundo de los diferentes tipos de dispositivos sin cabeza, como pantallas de TV, iPads y cosas por el estilo, donde el contenido también se puede entregar desde una tienda de comercio electrónico y consumir.

Entonces, lo que quiere pensar es mejorar la optimización de la imagen para mejorar la web: el rendimiento de su sitio para generar más tráfico, aumentar esas conversiones, aumentar los ingresos para el propietario de su tienda, para su marca o su comerciante. Y uno de los aspectos más críticos de la optimización de sitios web tiene un impacto en la búsqueda y optimización. Entonces, si sus imágenes y su video son rápidos y rápidos, en realidad obtiene una mejor calificación en lo que respecta a la optimización del motor de búsqueda.

Los activos optimizados no solo hacen que sus productos sean más atractivos y más visibles para los clientes potenciales, sino que también los hace aparecer con más frecuencia en la búsqueda, nuevamente, la optimización del motor de búsqueda. La clave para recordar es observar la carga diferida para imágenes y videos. La carga diferida es básicamente una estrategia para identificar recursos que no bloquean o que no son críticos y los carga solo cuando es necesario. Entonces, el contenido, básicamente en la parte superior de la página, se carga y se muestra al usuario como una prioridad y luego retrasamos todo el resto de la representación para todo lo que se encuentra debajo de esta pantalla, así que cualquier cosa a la que se desplacen hacia abajo.

Esta técnica de optimización permite mostrar primero: las primeras imágenes y contenido que verá el usuario. Y luego no desperdiciamos recursos descargando cosas que en realidad no van a ver ni ver todavía. El propio Google recomienda la carga diferida y se refiere a ella como diferir imágenes fuera de pantalla, básicamente. Y luego diría que no te molestes en cargarlo.

Puede manualmente, como desarrollador, etiquetar cada una de sus imágenes si lo desea o su video como cargado de forma diferida. Pero como puede imaginar para un sitio de comercio electrónico, hacer eso sería un gran esfuerzo. Y además, si no te sientes cómodo etiquetando manualmente cada una de esas imágenes, puedes usar un complemento para hacerlo. Si tiene una búsqueda rápida en Google de los mejores complementos de carga para WordPress, hay algunas recomendaciones sobre los mejores complementos para usar.

Pero para nosotros y en el comercio electrónico, recomendaríamos pegarlos, por ejemplo, a WP Rocket. Ofrece optimización de carga diferida de Adobe. Las cosas que también desea considerar también es recordar siempre a sus usuarios móviles. Sus pantallas y su rendimiento son más pequeños por lo que no necesitas cargar imágenes masivas. Quieres reducir eso.

Desea usar compresión para todas sus imágenes, porque eso ahorrará un 40% en el ancho de banda y, obviamente, la carga de esa pantalla en particular y el formato de archivo es clave para las imágenes. Por ejemplo, como hay una imagen de 600 por 600 en JPEG que tiene 100 kilobytes, PNG tiene 216, mientras que una WebP tiene solo 56 kilobytes. Entonces, debe tener mucho cuidado al considerar, OK, ¿cuál es el formato de archivo que voy a usar para todas estas imágenes que se van a publicar? Especialmente desde un sitio de comercio electrónico, podría tener potencialmente miles de productos, miles de imágenes y cientos de videos para respaldar esas imágenes y ese contenido también.

Siempre quieres cambiar el tamaño de tus imágenes. Puede buscar herramientas en línea como Imagify, Youoptimizer, TinyJPG y buscar aquellas para optimizar sus imágenes en WordPress. Imagify está hecho por el mismo equipo que WP Rocket y es un complemento muy intuitivo que comprime imágenes automáticamente usando tres tipos diferentes de niveles: normal, agresivo y ultra. Y le permite adaptar el tamaño de la imagen que sea adecuado para sus usuarios finales.

Preste también atención a los tamaños de sus miniaturas. Manténgalos pequeños, porque son pequeños de todos modos. Mantén los fondos simples. Use herramientas como remove.bg y Slazenger para eliminar fondos y actualícelos para simplificarlos. Y luego use un CDN para una entrega global más rápida. Siempre, también, con sus imágenes, siempre adjunte etiquetas útiles alternativas a esas imágenes.

Esto ayuda con SEO, optimización de motores de búsqueda. Y siempre asegúrese de que sus etiquetas realmente reflejen el contenido de su imagen o su video. Como desarrolladores, a veces podemos hacer abreviaturas como RDHD o simplemente ir a una banda Y. Sabemos que es un sombrero rojo con una banda amarilla. Pero SEO no sabría que es así, así que intente ser más real o lenguaje en términos de presentación de imágenes.

Entonces, también para la optimización de video, use herramientas de compresión de datos. Nuevamente, recuerde a sus usuarios móviles. Convierta todo, si es posible, a formatos HTML5. Para cualquier video que no tenga sonido, elimine el audio por completo. No tiene sentido tenerlo porque solo consume ancho de banda. Vuelva a utilizar las redes de distribución de contenido. Especifique sus sitios de videos y nuevamente, también con respecto a la carga diferida, siempre posponga la carga de esas imágenes hasta que su página esté completamente descargada.

Optimización de motores de búsqueda: como sabemos, la optimización de búsqueda es básicamente un método de lo que llamamos descargar su búsqueda a un proveedor de servicios en particular que es experto en eso porque puede aumentar la efectividad de su búsqueda y, por lo tanto, aumentar sus ventas para su comerciante y usuario. Como sabemos por defecto, WooCommerce viene con una función de búsqueda incorporada. Pero deja mucho que desear en relación con la funcionalidad en torno a las coincidencias de los atributos del producto, los campos personalizados y las descripciones. Es muy lento. No ofrece una buena experiencia de usuario. Y al final del día, es muy ineficaz.

Si realiza una búsqueda de: una búsqueda de productos con respecto a WooCommerce, es una característica común con respecto a que no funciona tan bien como desea. Realmente, lo que desea hacer es tener una función de búsqueda que tenga una gran tolerancia a errores para que no interrumpa el viaje del cliente. Desea que puedan tener un autocompletado de consultas sólido y tenerlo en un procesamiento de lenguaje natural para obtener mejores resultados, todo lo cual falta en la búsqueda de WooCommerce.

Luego, también querrá tener una función de análisis integral para mejorar fácilmente los informes, de modo que realmente pueda observar y ver la eficacia de la búsqueda que ha creado en términos de las respuestas, qué buscan sus clientes, qué tan bien ¿coincide eso con respecto a los productos? ¿Qué cambios puede hacer en la configuración para ayudar realmente con eso? Básicamente, ayude a su cliente a encontrar lo que está buscando más rápido.

Y entonces, ¿qué podemos hacer? Como mencioné, lo que hacemos es reducir la fricción en la experiencia de búsqueda y ayudar a los clientes a encontrar lo que buscan, utilizamos la descarga de la búsqueda. Entonces es un proceso básicamente realizado por un tercero. Mejora la capacidad de búsqueda de WooCommerce porque está integrado con Woo. Tiene básicamente widgets para filtrar según lo requiera. Proporciona resultados a los usuarios, lo que puede ayudar a mejorar la confianza en la marca.

Tiene sugerencias automáticas y puede configurar y adaptar la ponderación. Puede dar resultados de clientes: resultados personalizados. Puede tener búsqueda automática instantánea y análisis de búsqueda, como mencioné, lo cual es fundamental. No tiene sentido tener una búsqueda si no puede analizar la búsqueda para ver qué tan efectiva es. Y también ayuda en relación con el ajuste fino de su integración de SEO para garantizar que los clientes puedan encontrar lo que buscan. Cuando van a buscar en Google, van a este sitio en particular según lo que estás buscando.

También ayuda a descubrir la intención del cliente y revela datos sobre los intereses de los clientes. ¿Qué están buscando? ¿Qué buscan comprar? ¿Qué los atrae a su sitio? ¿Qué están buscando?

Nuestra recomendación sobre la búsqueda es buscar autocompletar. Así que haga sugerencias en relación con eso. Y siempre tenga habilitada la corrección de errores. Entonces, si alguien escribió algo incorrecto en relación con un producto, trate de no recordarlo. Trate de recordar siempre la ortografía o descripción correcta en relación con un producto. Nunca, cuando tenga habilitada la búsqueda en su sitio, permita que un usuario llegue a un callejón sin salida.

Ten siempre una página. Incluso si están buscando algo que no está en su sitio, diríjalos a una página que diga, actualmente no podemos encontrar ese producto en particular. Póngase en contacto con nuestro departamento de ventas, etc., y podemos ayudarlo a hacerlo. Esta es una mejor experiencia para ese usuario en particular y también generaría confianza con ese cliente.

Optimizar siempre. A medida que realiza una investigación analítica basada en lo que buscan los clientes, optimice en relación con esos términos para que cuando otros clientes vuelvan a buscarlos puedan descubrirlos. Utilice etiquetas, títulos y descripciones en todos sus productos. Son el pan y la mantequilla de su búsqueda.

Por lo tanto, asegúrese de que todos sus datos sean precisos, que reflejen qué es el producto y siempre describa tanto como sea posible los productos individuales que se encuentran en un sitio comercial en particular. Configura tu búsqueda para móvil. Y la búsqueda móvil es un poco diferente a la búsqueda en una computadora portátil en términos de sitio web, digamos. Solo asegúrese de haber configurado y habilitado eso en su búsqueda. Y siempre consulte sus análisis.

En términos de WP Engine, nos asociamos con ElasticPress para ofrecer, básicamente, lo que creemos que es un complemento de búsqueda premium que se instala automáticamente como parte de nuestra oferta de comercio electrónico. Ofrece todas las sugerencias automáticas, ponderación, resultados de clientes y mucho más.

Y ahora estoy un poco completo con mis tres consejos en relación con el asesoramiento, la orientación para WooCommerce y voy a devolvérselo a Jeremy. Así que aquí tienes, Jeremy. Gracias.

JEREMY BENOIT: Otra área para mirar es el fragmento del carro AJAX. El fragmento del carrito AJAX es una pieza de código buscada. Es conocido por generar retrasos, causar picos en el servidor y ejecutarse innecesariamente. Pero, ¿el fragmento del carrito AJAX es realmente tan malo?

Bueno, su propósito es actualizar el carrito con nuevos productos, nuevos precios de productos, nuevas cantidades de productos, calcular precios sin forzar una recarga de página. Sin embargo, la secuencia de comandos del agente de fragmentos del carrito se ejecuta en todas las páginas: la página de inicio, la página del producto e incluso las páginas donde no hay acciones para agregar al carrito. Esa podría ser su página acerca de nosotros o incluso su página de contacto.

Ahora, esta ejecución o esta ejecución es a menudo la culpable de, a veces, los picos del servidor o la utilización de recursos innecesarios que interrumpen el rendimiento de su sitio y la experiencia de su comprador. Ahora, idealmente, el fragmento de carrito AJAX solo debería ejecutarse donde tiene una acción de agregar al carrito o si tiene un carrito dinámico en su sitio donde se puede usar una acción para abrir o interactuar dinámicamente con el carrito. Entonces, ¿qué se puede hacer con el fragmento del carrito AJAX?

Bueno, la mayoría de las veces, la gente sugiere, como lo hacemos nosotros, deshabilitar ese fragmento de carrito y hay dos formas de deshabilitar el fragmento de carrito AJAX. R, desea agregar un complemento que tenga una capacidad de inhabilitación de fragmentos de carrito. Existen bastantes complementos que pueden deshabilitar el fragmento de su carrito. Pero el otro medio es que si está familiarizado con la edición de php, puede deshabilitar la fragmentación del carrito editando el archivo functions.php de su tema.

Hay algunos riesgos. Algunos widgets de carrito pueden experimentar problemas cuando deshabilitó el fragmento de carrito. Por lo tanto, desea probar los widgets de su carrito después de deshabilitarlos para asegurarse de que funcionan como se desea.

Ahora, el siguiente truco o consejo es utilizar la tabla de pedidos personalizados una vez que se publique. Usted puede preguntar, ¿qué quiere decir? Bueno, más adelante, en este– en DE{CODE}, escuchará de WooCommerce sobre la nueva tabla de pedidos personalizados que se lanzará a finales de este año. Y la tabla de WooCommerce es… la tabla de pedidos tiene un dilema de estructura. Muchos de ustedes saben que esto a menudo se señala como la razón de un escalado deficiente. Pero también puede ser un problema para la velocidad cuando se relaciona con interacciones que tratan con productos, o interacciones que tratan con pedidos y, a veces, incluso con datos de complemento.

En este momento, WooCommerce usa la metatabla de publicación que almacena una variedad de entidades de datos, incluidos pedidos y productos, y algunos datos de complementos agregados, y cada vez que hay una llamada para cualquiera de esas entidades, todas están presionando el misma fuente. Por lo tanto, puede imaginar que aliviar ese atasco de tráfico mediante la creación de tablas de pedidos personalizadas agregará una integridad estructural de WooCommerce de un verdadero motor de comercio electrónico y mejorará la velocidad de cualquier tipo de actividad de pedido. Este será un gran apoyo, especialmente para sitios que tienen mucho tráfico y un gran volumen de pedidos, o incluso sitios que tienen un catálogo de productos muy grande.

Al tener estos tres tipos diferentes de tablas, nuevas tablas centrales para la información de pedido principal, nuevas tablas complementarias para datos complementarios específicamente y nuevas metatablas para cualquier tipo de metadatos personalizados que un desarrollador necesite almacenar, eso aliviará el cuello de botella que la metatabla de publicaciones tiene anteriormente y actualmente para las interacciones de sus pedidos. También habrá índices dedicados para estas tablas, lo que ayudará a acelerar la recuperación de esas entidades específicas en cada una de esas tablas. Y escuchará más sobre la tabla de pedidos personalizados más adelante en DE{CODE}.

Así que echemos un vistazo a la tercera mejora, la velocidad de headless. Entonces, este consejo es ir sin cabeza porque sin cabeza, la pila sin cabeza, aumenta la velocidad en órdenes de magnitud. El código JavaScript en el front-end de su infraestructura sin cabeza será mucho más rápido y, en algunos casos, 10 veces más rápido que la infraestructura tradicional de WordPress. Incluso tenemos clientes en nuestra infraestructura Atlas que están experimentando aumentos de seis veces en todas las métricas de Lighthouse.

Y en WP Engine, tenemos una infraestructura sin cabeza llamada Atlas. Esa infraestructura permite: también tiene un componente llamado nuestro motor de contenido, que aumenta en gran medida la velocidad de recuperación de todo tipo de contenido estático y dinámico en su instancia de WooCommerce. Las infraestructuras sin cabeza también le permiten personalizar las integraciones de back-end y crean oportunidades para optimizaciones ultrarrápidas con aquellas aplicaciones de terceros con las que su sitio WooCommerce necesita integrarse. Y ese es mi último consejo por hoy.