Cómo hacer que su tienda WooCommerce sea más rápido

Con el tiempo, más personas tienen problemas de rendimiento con su tienda WooCommerce y eso puede no ser tan sorprendente que el número de tiendas de WooCommerce aumente todos los días. También leí más y más malas sugerencias en Internet sobre cómo hacer que su sitio web de WooCommerce sea más rápido. Estas sugerencias no ayudan a aumentar el rendimiento y perder el precioso tiempo del propietario de la tienda en línea. En ServBolt, trabajamos diariamente con WordPress y el rendimiento de WooCommerce, sin usar atajos de luz. En este artículo, obtienes mis mejores consejos sobre cómo construir un sitio de WooCommerce rápido y rápido.
Hay algunos principios básicos que debe seguir para asegurarse de tener un sitio rápido de WooCommerce. Y cuando trabaja con WooCommerce, es importante tener en cuenta que WooCommerce en sí es rápido, todo lo que le agregas es lo que puede hacerlo lentamente.
contenido
¿Por qué necesitas tiendas rápidas de WooCommerce?
¿Cómo probar el rendimiento de WooCommerce?
Formas de hacer que su tienda WooCommerce sea rápido
Elija alojamiento rápido
Rode la menor cantidad de código posible
Desinstalar y eliminar los complementos que no necesita
Encontrar y arreglar todos los errores conocidos
Prueba y valida con validador W3C
Tipos e índices de tablas de bases de datos
Mantener .htaccess pequeño
Use HTTP/2 para evitar combinar y agregar archivos en PHP
Optimizar las imágenes y usar las dimensiones correctas
Carga lenta
Use el caché correctamente
Use acciones para expandir WooCommerce
Evite usar el compositor visual u otros generadores de páginas
Use campos acelerados
¿Por qué necesitas tiendas rápidas de WooCommerce? Antes de profundizar nuestros pasos para hacer que su tienda WooCommerce sea más rápido; Es importante comprender por qué el rendimiento es tan crucial para las tiendas de WooCommerce. La razón principal es la experiencia del usuario. La experiencia del usuario determina varios factores clave detrás del éxito de su tienda en línea. Sus clientes potenciales esperan que su tienda cobre rápidamente y debería ser más fácil de navegar y realizar ciertas acciones, tales) y la dificultad de encontrar productos (55%) como las dos primeras irritaciones de compras en línea ”Perfecta marca minorista. El rendimiento de su La tienda WooCommerce afecta directamente las ventas. Los visitantes no tienen paciencia para las tiendas de carga lenta y las experiencias de compras lentas. Rápidamente abandonarán su tienda por una mejor alternativa. Otra desventaja de una tienda lenta de WooCommerce es que afecta la reputación comercial. Da la impresión de que al negocio no le importa demasiado la experiencia del usuario o tal vez ni siquiera es grave.
Hacer la tienda WooCommerce más rápido también es viable para atraer nuevos clientes y mantener los existentes. No se limita a las personas, los rastreadores de Google también disfrutan de una tienda de carga rápida y lo consideran un factor de clasificación. ¡Por lo tanto, tener una tienda rápida de WooCommerce es una necesidad! ¡Veamos cómo hacerlo rápidamente! ¿Cómo probar el rendimiento de WooCommerce? Hay varias formas de ejecutar una prueba de velocidad del sitio para la tienda WooCommerce. Puede usar herramientas en línea como WebPageTest, PageSpeed ​​Insights y Pingdom. Independientemente de la herramienta que decida usar, asegúrese de probar todas las páginas principales y no solo la primera página o página del producto. Es un error común que los usuarios solo prueben la primera página, que es en gran medida estática, y si la memoria en caché se activa, la herramienta de prueba muestra resultados falsos si la prueba se repite.
Otra cosa a ver son los datos reales de monitoreo de usuarios.Estos son los datos recopilados de la experiencia real del actor en su tienda en línea.Estos datos contienen información importante sobre el rendimiento, la apariencia y la facilidad de uso de su tienda. Métodos para que su tienda WooCommerce elija rápidamente el alojamiento rápido, sin importar cuánto y cuánto trabaje para hacer que WooCommerce sea más rápido. por la velocidad de su alojamiento.Por lo tanto, debe elegir el alojamiento más rápido que pueda obtener.Nuestro alojamiento ha demostrado ser el más rápido y ofrecemos la velocidad y la optimización continua de la velocidad que le asegura que obtendrá el alojamiento más rápido en cualquier momento.
Construimos el alojamiento más rápido del mundo resolviendo problemas en los lugares correctos y ahorrando recursos y tiempo siempre que sea posible, en lugar de agregar más tecnología (léase: maquillaje malo) a la pila. Esto significa que es más fácil desarrollar y mantener soluciones en ServBelt, pero también dramáticamente más rápido que las alternativas. Si tiene problemas con un WooCommerce lento, debe verificar nuestro alojamiento de WoCommerce. El rendimiento de la base de datos es especialmente importante al elegir un host para el comercio electrónico. Las tiendas siempre son pesadas en bases de datos, por lo que la lectura más rápida de la base de datos significa un rendimiento más rápido en su tienda. También es esencial elegir el alojamiento que no depende del almacenamiento de caché. El alojamiento que depende del almacenamiento en el caché en algún momento proporcionará un mal rendimiento a alguien, porque es imposible memorizar todo en el caché y los cachés deben actualizarse con bastante frecuencia. Un ejemplo es un cochecito. La canasta no se puede almacenar en caché y no debe almacenarse en caché, y es una parte vital de cualquier tienda de comercio electrónico. Una canasta o finalización lenta tendrá un gran impacto en la tasa de conversión.
Ejecute la menor cantidad de código posible cada fragmento de código que implementa en su sitio tiene un impacto en la rapidez con que se está cargando una página. Siempre es una gran idea ejecutar menos código para realizar el rendimiento en WoCommerce más rápido. Si escribe el código usted mismo, debe asegurarse de escribir cheques apropiados si ejecutar o no ciertas piezas de código y en qué contexto. Un ejemplo simple es que es muy importante no ejecutar el código que solo es necesario para la página del producto, en las páginas de la categoría. Hacer esto es un error muy común. Del mismo modo, agregar extensiones innecesarias y los terceros scripts también pueden retrasarlo en la tienda WooCommerce. Todo esto puede agregar carga y complejidad adicionales a su tienda en línea, lo que puede afectar directamente el rendimiento de su tienda. Los complementos son una buena manera de expandir WooCommerce con funcionalidad avanzada, pero muchos complementos contienen código innecesario y/o malo. Si ha estado ejecutando la misma tienda durante muchos años, es probable que use complementos que ya no se mantienen, desactualizan y contienen errores y defectos de seguridad.
Ejecute una auditoría para ver qué complementos están en uso y cuáles deberían desaparecer. También cuide las actualizaciones. Si ve un complemento o extensión que no se actualiza durante un período, considere reemplazarlo con los que se actualizan y acepta la versión actual de WordPress y WooCommerce. Nota: Atención a estos: destruyo el rendimiento
Compositor visual de castores
Encuentre y remedia todos los errores conocidos Todos los servidores web producen archivos de registro de errores y esta es una de sus herramientas más importantes cuando se trata de crear un WooCommerce rápido y funcional. Todos los errores de PHP están registrados en el error de errores, y si hay errores en el diario, ¡debe solucionarlos! Hay dos razones para esto.
En primer lugar, es imposible mantener el control sobre todas las páginas en un sitio de WooCommerce, a menudo contiene miles de páginas, y los errores pueden esconderse en los lugares más extraños. No podrá probar todas las páginas, pero sus usuarios y robots visitarán la mayoría de las partes de su sitio en total.
Segundo, y más importante, rendimiento. Es fácil para un desarrollador creer que “es solo una advertencia” o “ese error no produce ningún error visible”. Pero todos los errores (y notificaciones y advertencias) requieren tiempo para ser procesados. Mientras que consumir estos errores siempre se subestima.
La semana pasada ayudé a remediar los errores en un WooCommerce que se actualizó a la versión 3 sin verificar el registro de errores. Después de unas pocas horas de remediación intensiva de los errores, no se publicaron nuevas entradas en el diario, y el rendimiento del sitio ha mejorado en más del 60%. Sí, ¡lees bien, una mejora del sesenta por ciento!
PHP es la parte del código que utiliza recursos del servidor. Pero debe prestar atención al front-end de su sitio. El mismo razonamiento también se aplica al front-end, cualquier error ralentizará el rendimiento de su sitio, lo que significa que debe prestar atención a la consola, remediar los errores JavaScript, Test, Verifique y optimice su CSS y, por último, pero no menos importante, resultado HTML. Pruebe y valide con W3C ValidatorHTML estructurado y escrito correctamente es importante para garantizar un juego rápido. Y para verificar esto, debe usar el validador W3C. Si proporciona HTML formateado correctamente, el navegador no debe calcular cómo “cree” debe representarse visualmente, pero solo puede mostrarlo de inmediato, ahorrando recursos para otras operaciones más importantes. Tipos e índices de tablas de bases de datos Es importante que WooCommerce tenga una base de datos funcional. Debe usar tipos de tabla de datos modernos, como innodb. Además, hay muchos complementos que interrogan la base de datos de manera predeterminada o muy lenta. La regla básica es que todos los interrogatorios deben usar índices correctamente. Este es un tema avanzado para muchos de ustedes, pero nuestro complemento ServBelt Optimizer remedia los tipos de tablas y crea las indicaciones de la tabla que faltan más frecuentemente, que podrían estar en WordPress y WooCommerce. Para la tienda de WooCommerce habitual que pasamos a ServBelt, el complemento ofrece tiempos de carga del 20-30% más rápido. Last Search ServBelt Optimizer Keep .htaccess Little .htaccess El archivo es un archivo de configuración del servidor Apache.
WordPress utiliza este archivo para reescribir, pero también se usa comúnmente para redireccionamientos y otras características. Algunos de los complementos prohibidos están tratando de crear aplicaciones completas en este archivo, lo que le garantizará un rendimiento lento. Puede colocar archivos .htaccess en cualquier carpeta y, como resultado, el servidor web buscará todas las rutas y .htaccess cuando solicite cualquier archivo. Esto consume mucho tiempo y empeora si .htaccess es alto, porque el servidor tendrá que leer y analizar los resultados nuevamente para cada acceso. Cualquier agregado a .htaccess puede ralentizar WoCommerce. Recomendamos usar el estándar limpio y predeterminado de WordPress y usar complementos como la redirección para cuidar las redireccionamientos. Use HTTP/2 para evitar combinar y agregar archivos en PhPExplication HTTP/2 desde CloudFlare
HTTP/2 ha introducido una tecnología llamada multiplexación. La multiplexación permite que el servidor envíe varios archivos al cliente a través de una sola conexión, a diferencia de HTTP/1, donde cada elemento en la página requiere una devolución por separado. Esto significa que cualquier ganancia que obtuve una vez de la agregación y la agrupación de archivos ahora hará que su sitio sea más lento, porque es inútil. Es perfecto y se recomienda usar compiladores como imprimación o trago, pero evite combinar elementos y archivos con PHP.
No todos los hosts todavía usan HTTP/2. Servolt usa HTTP/2 (o es el predecesor SPDY) desde que comencé en 2013. Optimizar las imágenes y usar las dimensiones correctas Las tiendas modernas están utilizando muchas imágenes. WooCommerce utiliza la función de medios de WordPress para la gestión de imágenes, lo que significa que todas las imágenes se cargan se producen automáticamente en una variedad de tamaño. Incluso si esta es una pequeña manera de escalar las imágenes, funciona perfectamente si se asegura de usar las dimensiones de imagen correctas. Ajuste el tamaño de la imagen WooCommercesub WooCommerce -> Productos -> Pantalla, encontrará las tres dimensiones de imagen estándar de WooCommerce. Ajuste estas dimensiones para que sean exactamente del tamaño que usa en la tienda. Esto asegura que el navegador no deba recalcular y cambiar el tamaño de la imagen. Esto ahorrará tiempo y también puede ahorrar tiempo de transferencia cuando la imagen sea lo más joven posible. Optimiza tus fotos

Las imágenes contienen muchos datos no utilizados cuando se muestran en la web. Si optimiza sus imágenes, puede reducir el tamaño de las páginas en la tienda y, a través de esto, puede obtener una carga más rápida y rápida. En ServBelt usamos un complemento llamado Imagen de cambio de tamaño después de la carga que cambia el tamaño de la versión original de la imagen a los valores máximos dados y lo comprime con una configuración predeterminada. En general, esto funciona lo suficientemente bien y asegura que ninguna de las imágenes en nuestro sitio sea de gran tamaño. Este complemento solo funciona al cargar imágenes, por lo que ya no cruzará los elementos desde su biblioteca de medios. Para optimizar las imágenes existentes en la biblioteca de medios, puede probar una de ellas: locura
Píxeles cortos

Tinypng
Carga perezosa Lazando la carga es un concepto que le permite controlar sus activos web, principalmente imágenes para mejorar el rendimiento. Funciona con la ventana y solo carga las imágenes que están dentro de la ventana. Esto puede mejorar significativamente el rendimiento, porque el usuario no tiene que esperar a que todas las imágenes se carguen antes de interactuar con su tienda. La página del producto WooCommerce contiene más imágenes de productos que pueden ralentizar el tiempo de carga inicial. Mediante la carga perezosa de estas imágenes, puede hacer que su tienda WooCommerce sea más rápida sin afectar la experiencia del usuario. Nota:

WordPress 5.5 viene con una carga de disparo nativo. Según la documentación, WordPress agrega el atributo “Carga = Lazy” de forma predeterminada a todas las imágenes que contienen atributos de ancho y altura. Con esto, tenían la intención de evitar el cambio que tiene lugar debido a la lenta carga de recursos de los medios. Use el caché correcto correctamente, escribí sobre cómo el caché en WordPress y los diferentes tipos de trabajo en caché son importantes cuando se trata de WordPress y rendimiento. Pero tienes que usarlo correctamente. No debe usar el almacenamiento en caché de página completa (como el caché total W3, el barniz, etc.) como una mejora del rendimiento en WooCommerce. Esto lo pondrá en problemas inmediatamente o más tarde. Sin embargo, lo que debe hacer es usar el almacenamiento en caché de objetos y el transitorio. El caché de objetos es un mecanismo que almacena temporalmente el resultado de una base de datos en la memoria (RAM), de modo que el resultado se pueda reutilizar a una velocidad de rayo más tarde en la misma carga de la página. Esta es una técnica que debe usar si reutiliza los datos en las secciones de su página. Un ejemplo puede ser cuando muestra productos y se hace cargo de la información del producto, antes de comenzar a usar la información del producto en su plantilla para evitar evitar interrogatorios duplicados innecesarios y acelerar la reutilización. Esta información: el almacenamiento en caché de objetos es lo correcto. Los transitorios son un tipo similar de caché, pero en el que los resultados se almacenan en la base de datos.

Esto significa que vive sobre las vistas de la página. Un transitorio puede llenarse con lo que desee, pero si desea usar los transitorios correctamente, debe almacenar los resultados de la consulta que sean lentas o que requieren muchos cálculos y cambiar raramente. Recuerde establecer una fecha de vencimiento razonable dependiendo de con qué frecuencia estime los datos para cambiar la frecuencia de las actualizaciones. Para identificar la consulta lenta y encontrar la consulta que desea memorizar en caché en transitorios, puede usar el maravilloso monitor de consulta de complementos en John Blackbourn. Nota: La combinación de archivos CSS y JavaScript puede ayudar a los sitios web centrados en los dispositivos móviles a obtener ganancias de rendimiento, especialmente en redes más lentas como 3G. El propósito de combinar archivos CSS y JS es reducir el número de solicitudes HTTP. Es más probable que las redes más lentas, como 3G, pierdan una nueva conexión, evitando así el proceso de carga de la página. Use acciones para expandir WooCommerce WordPress tiene una acción API que permite agregar funciones a diferentes partes de WordPress o WooCommerce. Como se explicó en términos profanos, las acciones representan diferentes tiempos de tiempo en su código. Esto facilita la adición de elementos en ciertos lugares en el frente o funciones que se ejecutan solo cuando WordPress o WooCommerce se cargan, etc. Además de las acciones construidas de WordPress, WooCommerce también tiene una lista de acciones que hace que sea muy fácil expandir WooCommerce. Para agregar su propia función a una acción, debe hacer una add_action () como esta: <

? Este nombre de función específico es lo que agrega a add_action para decir WordPress qué código ejecutar cuando se activan Action_Tag. Prioridad = La prioridad de esta función como si se ejecutan más funciones en la misma acción. Esto puede decir, por ejemplo, en qué código de pedido se activa en el front-end. 1 Ejecute primero, los números más grandes se ejecutan más tarde. Evite usar la acción de inicio se activa muy temprano en WordPress. Se está ejecutando en todas las páginas, cada vez. Pero no seas vago. Su código casi nunca debe ejecutarse en cada página, y si usa la acción init, lo será. Esto afectará la velocidad de todas sus páginas tanto en front-end como de fondo. Siempre debe evitar usar el gancho de inicio a menos que este sea el único lugar correcto para conectarse a WordPress. Al ser muy específico sobre el lugar donde se llevan a cabo sus acciones, el código lo hará más eficiente, más seguro y más estable. Así es como crea sus propias acciones, para que otros las expandan, puede hacer acciones, por lo que, por ejemplo, puede agregar fácilmente funciones a las páginas del producto. do_action (‘your_own_unique_action_tag’);
Cuando haya creado su propia etiqueta de acción, las plantillas u otras partes de su código se pueden conectar en este momento de su sitio y extenderla con funciones personalizadas. Evite usar el compositor visual u otros generadores de páginas del compositor visual y la mayoría de las otras páginas generadores a menudo se incluyen en los temas que compra. Esto se debe al hecho de que los generadores de página contienen muchas funcionalidades y hacen que los temas sean más fáciles de vender y más fáciles de configurar. Como mencioné anteriormente, más código (leer más funciones) siempre se ejecuta más lento que menos código. Para lograr la flexibilidad total en los generadores de páginas, cargan muchas variables de la base de datos y activan toneladas de código PHP. ¿Cuánto revestimiento necesitas? ¿Qué color? Borde o no? Imágenes redondas o cuadradas? y así Todas estas opciones de configuración generalmente se rodan en tiempo real, tomando decisiones para cada carga de página. Es por eso que debe evitar los creadores de páginas y especialmente si construye tiendas de WooCommerce desde cero. No hay buenas razones para usar un generador de páginas como Visual Composer si sabe cómo escribir el código PHP. Puede obtener flexibilidad sin usar creadores de página como Visual Composer
No me opongo a la flexibilidad como un concepto, pero me opongo a la flexibilidad inútil, sin usar o que viene con el precio del rendimiento y la eficiencia. Es por eso que, nosotros, ServBelt, recomendamos usar campos de contenido ACF flexibles para crear su propio generador de página. Esto le permite definir los campos específicos que realmente necesita al construir una página y le permite convertir sus necesidades en tipos flexibles. En el reverso; Esto requiere conocimientos básicos de PHP, HTML y CSS. Pero si construyes una tienda desde cero, ACF es una combinación fácil. Los archivos de plantilla PHP se utilizan al crear un generador de páginas con campos de contenido ACF flexibles. Puede imaginar que cada archivo de plantilla es una sección de su página, que se puede repetir tantas veces como desee. Y puede decidir el orden en que estos archivos de plantilla se utilizan para crear una página. Esto es lo que usamos para nuestro propio sitio (¡sí, este!). ¿Pero Gutenberg?
Gutenberg proporcionará muchas de las características que ACF ya ha ofrecido durante mucho tiempo. Construirá páginas, artículos y otro contenido de la misma manera que hacemos esto en ACF Flex Fields. Funciona como campos flexibles de la misma manera que obtienes bloques de contenido que puedes construir. Gutenberg es el futuro editor de contenido en WordPress y ya vale la pena intentarlo ahora. Lea más sobre Gutenberg aquí. Use dominios acelerados acelerados Fields es un servicio desarrollado por ServBelt para ayudar a la tienda WooCommerce a resolver problemas complejos de rendimiento y escalabilidad. Funciona en varios niveles simultáneamente para mantener un rendimiento constante para cualquier número de visitantes. Junto con el alojamiento de Fast Origin ServBelt, los dominios acelerados lo ayudan a explorar nuevas regiones y llevar a cabo intensas campañas de marketing sin problemas. Resumen corto para alojar a WooCommerce de Servolt, lo ahorrará durante mucho tiempo y los visitantes de su sitio.
Rode la menor cantidad de código posible
Limpie los complementos que no necesita y no use un complemento grande para resolver un pequeño problema.
Arregle todos los errores conocidos, mantenga sus revistas de errores y la consola limpia
Validó las páginas más importantes con validador W3C
Asegúrese de usar HTTP/2
Expanda WooCommerce con acciones para mantener el control sobre lo que está sucediendo, dónde y cuándo.
No use el compositor visual