Mejore el rendimiento de la tienda WooCommerce de su tienda de comercio electrónico
Publicado: 2022-05-20
¿Tu tienda WooCommerce es accesible para todos los usuarios de Internet dondequiera que estén? La cuestión del rendimiento de la tienda está en el centro de las prioridades de los propietarios de las tiendas, así como el alojamiento de WooCommerce para la actividad y la visibilidad de su tienda en línea en Internet.
¿Por qué mejorar el rendimiento de la tienda WooCommerce?
Para optimizar la experiencia del usuario:
La retención de clientes depende en gran medida de la mejora del rendimiento de la tienda WooCommerce de las tiendas visitadas. En cuanto a la experiencia de usuario, destacan 3 elementos que deben ser monitorizados:
1. La velocidad de visualización de las páginas de un sitio web (el 40% de los visitantes dejan de navegar si el tiempo de respuesta supera los 3 segundos)
2. El tiempo necesario para descargar elementos de una página
3. La fluidez del navegador en el manejo de los elementos de una página
Para mejorar el rendimiento móvil/web:
Con la generalización de los dispositivos móviles (teléfonos inteligentes o tabletas), los usuarios ya no se conforman con su computadora de escritorio o portátil. Esto da como resultado un entorno operativo más complejo. Los usuarios de la web móvil tienen cada vez más expectativas: el 85% espera un tiempo de carga mejorado tan rápido como en una PC.
Para optimizar las referencias naturales:
El tiempo de respuesta del servidor de alojamiento es un criterio medido por los motores de búsqueda. Esto promueve la velocidad de indexación de una nueva página web y permite indexar más páginas en profundidad. Google recomienda una media de 1,5 segundos para mostrar una página web.
Para controlar los costos:
Cada vez hay más datos para almacenar, manipular y explotar. La gestión eficaz del rendimiento de una tienda WooCommerce optimiza costes. Esto induce:
Una tienda en línea menos hambrienta de recursos
Mejor disponibilidad durante las horas pico
Tiempo de carga de prueba de la tienda WooCommerce:
El primer paso es, obviamente, conocer el rendimiento que ofrece su tienda. Para esto, existen muchas herramientas poderosas y dan indicadores sobre lo que absolutamente debe cambiar o mejorar. Aquí hay 3 herramientas de evaluación del desempeño:
Herramientas de Pingdom
GTmetrix
Perspectivas de velocidad de página de Google
Al igual que en la escuela, el objetivo aquí es obtener las mejores probabilidades en estas diferentes herramientas. En primer lugar, esto optimizará su tasa de conversión a través de una experiencia de usuario mejorada. Además, te beneficiarás de una mejor referenciación ya que Google anunció que la velocidad de carga de los sitios web se tuvo en cuenta en sus algoritmos.
Cabe señalar, sin embargo, que es necesario saber distinguir la velocidad bruta (carga del código) de la velocidad realmente percibida por el usuario. Es de esta última de la que hablamos, a la que se enfrenta el usuario.
Cada vez se escucha más sobre el rendimiento del sitio web como criterio de posicionamiento en los motores de búsqueda. Este factor incluye varios indicadores que permiten que el algoritmo de Google juzgue si su tienda de comercio electrónico es rápida y lo asocie con otros factores para determinar las posiciones de las páginas de sus productos.
Nos ocuparemos aquí de los 10 más importantes:
1. Alojamiento web WooCommerce
2. Optimización de imágenes
3. Instalar complemento de caché
4. Integrar CDN de WordPress
5. Agrupar archivos CSS y JS
6. Haz uso de sprites CSS
7. Aclara las páginas al máximo
8. Optimización de la base de datos
9. Subdominios para Activos
10. Habilitar la compresión Gzip
1. Alojamiento web de WooCommerce:
Para elegir el alojamiento de WooCommerce, no piense automáticamente en "economía" y vaya directamente al más barato. Si su tienda WooCommerce está mal alojada, esto puede incluir tiempo de inactividad e inseguridad.
¡Seguramente usted mismo es un visitante! Si se encuentra una amenaza en su tienda, definitivamente irá a un competidor. Un buen hosting debe adaptarse a tus necesidades; necesidades que son diferentes para blogs, sitios web con poco tráfico o por el contrario con mucho tráfico.
Para no dejarse engañar, no dude en ponerse en contacto con profesionales que puedan asesorarle.
Para tener una tienda WooCommerce que se muestre rápidamente todo el tiempo, es imprescindible tener a su disposición un buen host como Cloudways, que garantice estabilidad, potencia, disponibilidad y seguridad. No hay ningún secreto para esto, hay que poner un presupuesto mínimo.
La ecuación dependerá de muchos parámetros: los servidores (calidad de los discos duros, rendimiento, etc.), la redundancia (la multiplicación del número de servidores para superar los problemas de fallo), el servicio (intervención rápida, etc.).
El alojamiento web para WooCommerce es uno de los elementos cruciales para garantizar un servicio de calidad. ¡Asegúrate de elegirlo!
Kinsta es otra excelente opción para alojar su sitio de WooCommerce. Su arquitectura altamente segura y obsesiva con la velocidad les permite manejar fácilmente los picos de tráfico, para las soluciones de Woocommerce ofrecen escalado automático, copias de seguridad diarias, un entorno de servidor optimizado para WooCommerce y un gran conjunto de complementos opcionales.
2. Optimización de imagen:
Las imágenes son el primer factor que influye en el tiempo de carga de los sitios web. Muchos propietarios de tiendas descuidan este aspecto esencial del SEO y se contentan con insertar imágenes sin ninguna optimización.
No es raro ver a personas subir fotos directamente desde sus cámaras digitales a sus sitios web, incluso si pesan varios megabytes. ¡Sin embargo, hay consejos simples para solucionarlo!
Existen varias herramientas y métodos que le permiten optimizar las imágenes. El primer consejo es "guardar imágenes para la web" al crear imágenes con Photoshop.
Esto permite optimizarlos y adaptarlos automáticamente a la web. También hay herramientas como TinyPNG y complementos de compresión de imágenes disponibles para eliminar todos los datos inútiles que aumentan el peso de las imágenes.
3. Instale el complemento de caché:
Tiene la opción de almacenar los elementos estáticos de las páginas de sus productos en el lado del cliente. Por ejemplo el logotipo. Esto reduce la cantidad de solicitudes del servidor para mostrar sus páginas web.
El principio es simple: durante la primera visita a la tienda WooCommerce, los archivos estáticos se almacenan en el navegador del usuario. En la próxima visita, la página se muestra casi instantáneamente porque hay menos consultas que realizar en el servidor. Es una forma poderosa de optimizar el tiempo de carga.
Para obtener el beneficio del almacenamiento en caché, hay varios disponibles para crear un sistema de caché: Breeze: complemento gratuito de caché de WordPress, por ejemplo.
4. Integrar CDN de WordPress:
La red de entrega de contenido (CDN) es otro parámetro importante para mejorar el rendimiento de la tienda WooCommerce que las tiendas WooCommerce no utilizan lo suficiente. El funcionamiento del CDN de WordPress es el siguiente: en lugar de cargar todos los elementos de una página desde un solo servidor, se pasa por una red de servidores ubicados en muchos centros de datos alrededor del mundo.
¿Por qué? Cuanto más lejos esté el usuario del servidor, mayor será el tiempo de carga. A través de múltiples servidores, la CDN puede entregar páginas almacenadas en caché desde el servidor o servidores más cercanos a cada visitante. Por lo tanto, su contenido estático está disponible en un máximo de lugares en todo el mundo.
5. Agrupe los archivos CSS y JS:
Siempre en un esfuerzo por aligerar su tienda tanto como sea posible, le recomendamos que comprima sus archivos CSS y JS (el complemento de caché de Breeze puede hacer esto). Seamos claros, los sitios web ahora están agobiados por el uso de más y más código JavaScript y CSS para funcionar.
Esto conlleva pocas cosas positivas pero también un aumento del peso de tu tienda y por tanto de su lentitud. Tal como te explicamos para las imágenes, es necesario reducir al máximo el peso de estos archivos agrupando el código.
6. Hacer uso de sprites CSS:
Mejorar el rendimiento de la tienda WooCommerce también significa usar la técnica llamada CSS Sprites. Esta práctica, muy utilizada en los videojuegos anteriores (2D), permite utilizar una sola imagen que contiene varias otras. Es el diseñador web quien selecciona la imagen que quiere usar para la propiedad “posición de fondo”.
Más concretamente, imagine que su tienda WooCommerce tiene Twitter, Facebook, Instagram, Pinterest, RSS y YouTube, por ejemplo. En lugar de tener una imagen para cada botón, podrá reunir estas seis imágenes en un solo archivo. A continuación, puede utilizar un único archivo de imagen para todos los iconos mencionados anteriormente.
7. Aclara las páginas al máximo
Como dice el refrán, lo que cuenta no es la cantidad sino la calidad. Se recomienda evitar sobrecargar su tienda WooCommerce con demasiados videos, controles deslizantes, imágenes o incluso comerciales, ya que esto reduce considerablemente la velocidad de su tienda. Eficiencia no significa sobrecarga, que es más en el ámbito de la web.
Privilegia las páginas ligeras y sencillas, esto solo mejorará tu visibilidad pero también la velocidad de carga de tu tienda.
8. Optimización de la base de datos:
Las bases de datos almacenan su contenido, como imágenes de productos, publicaciones de blog, configuraciones, etc. El problema es que, mientras funcionan, crean archivos pesados que se pueden optimizar. Por eso es mejor optimizar tu base de datos de WooCommerce. Además, asegúrese de configurar su servidor de base de datos.
Así que construya bien sus tablas, haga algunas cosas de manera eficiente y confiable (si codifica a mano) y siéntase libre de optimizarlas de vez en cuando a través de consultas SQL que puede encontrar en Internet. Igual, establece los ratios de clientes en tu configuración así como los diferentes puntos estratégicos.
Tenga en cuenta que puede optimizar la tienda de WooCommerce con el complemento WP-DBManager que está disponible en el directorio de complementos de WordPress.
9. Subdominios para activos:
Otra optimización para imágenes o medios en general: la creación de subdominios dedicados a los activos. Cuando te conectas a una página web, tu navegador establece por defecto un cierto número de conexiones de subdominio (4, 6, 8…). Es una especie de cola de solicitudes HTTP. Esto pone límites porque tiene que esperar a que se complete una petición para poder lanzar otra.
Sin embargo, si configura varios subdominios para sus imágenes y videos, por ejemplo, esto le permitirá iniciar múltiples grupos de conexiones HTTP simultáneamente, lo que permitirá que un lado administre y cree una cola para ellos: consultas "estándar".
Y por otro, hacer una cola diferente para tus solicitudes: “imágenes/activos”. Esto hace posible compartir recursos de alguna manera.
10. Habilite la compresión Gzip:
Cuando un usuario accede a su tienda, se realiza una llamada a su servidor para enviar los datos solicitados para su visualización. Los datos pueden ser imágenes, hojas de estilo o archivos JavaScript. No hace falta decir que cuanto mayor sea el tamaño de los datos, más tiempo llevará cargarlos en el navegador.
Afortunadamente, la compresión Gzip ayuda a reducir el tamaño de los datos. Si Gzip está habilitado en su servidor, la versión comprimida de la página web o el archivo solicitado se carga en el navegador.
Luego, el navegador descomprime los datos recibidos antes de interpretarlos. Finalmente, la compresión Gzip ayuda a reducir el tamaño de la información transmitida y, por lo tanto, reduce significativamente el tiempo de carga.
Con estas 10 formas, seguramente optimizará la mejora del rendimiento de la tienda WooCommerce de su WooCommerce. Se pueden implementar otras técnicas para ir más allá en la optimización: caché del servidor, etc. Pero si implementa las que cubrimos en este artículo, entonces ya ha hecho la mayor parte del trabajo.
Sobre el autor :
Saud Razzak es el administrador de la comunidad de WordPress en Cloudways, una plataforma de alojamiento administrada de WooCommerce. Saud es responsable de crear entusiasmo, difundir conocimientos y educar a las personas sobre WordPress en la comunidad de todo el mundo. En su tiempo libre, le gusta jugar al cricket y aprender cosas nuevas en Internet.