El mundo del comercio minorista es realmente exigente. Todo el mundo quiere que todo funcione rápido y sin problemas, incluida la carga de su tienda de comercio electrónico.
Las tiendas que cargan rápido satisfacen la necesidad de velocidad y recogen los frutos. Las tiendas de carga lenta no.
Según Google, hasta 53% de los visitantes móviles abandonarán su sitio web si tarda más de 3 segundos en cargarse.
Combine esto con el hecho de que 8 de cada 10 personas no volverán a comprarte después de una sola mala experiencia. y el cóctel para un eCommerce fallido está servido.
Acelerar tu tienda WooCommerce es realmente importante, así que vamos a descubrir cómo hacerlo.
¿Qué es la optimización de WooCommerce?
Antes de seguir adelante, debemos aclarar un poco este término.
"Optimización" es un concepto muy amplio que puede llevar a confusión.
- En esta guía nos vamos a centrar en WooCommerce optimización de la velocidad. Es decir, cómo hacer que su tienda en línea cargar más rápido.
- Esto es diferente de WooCommerce optimización de la conversióndonde las estrategias se centran en convertir más visitantes en compradores.
Sin embargo, existe una relación entre ellos.
Si optimizas la velocidad de tu tienda WooCommerce también estarás optimizando la conversión de visitantes a clientes, ya que las tiendas más rápidas hacen que la gente esté más dispuesta a comprar.
Cómo saber si WooCommerce está ralentizando tu sitio web
Para medir la velocidad de una tienda WooCommerce recomendamos utilizar una herramienta como GTMetrix.
Introduciendo tu dominio y lanzando la herramienta de análisis podrás comprobar qué elementos están ralentizando tu sitio web en el Ficha Cascada.
Probablemente encontrarás artículos relacionados con WooCommerce allí.
Si ves que las entradas relacionadas con WooCommerce ralentizan tu tienda, tendrás que tomar medidas.
También puede utilizar otras herramientas como Información sobre Pagespeed o Pingdom para su análisis.
Para averiguar si WooCommerce está ralentizando su sitio es tener una copia exacta de su sitio web, desactivar WooCommerce en uno de ellos y ejecutar el análisis de nuevo.
Si la diferencia de velocidad es muy notable, puedes asumir que WooCommerce es el culpable.
Cómo acelerar WooCommerce
WooCommerce no suele ser la única causa de un sitio web lento. En realidad es una plataforma muy eficiente que funciona bien.
Hay otra serie de factores que, por lo general, hacen que todo vaya mucho más despacio.
Te mostramos cuáles son y cómo resolverlos en un rato.
Encontramos 11 maneras de acelerar el lento sitio web de WooCommerce:
- Elija un alojamiento web de calidad
- Utiliza un tema de WordPress rápido
- Optimizar la configuración de WooCommerce
- Comprimir y optimizar todas las imágenes
- Utilice un complemento de almacenamiento en caché para acelerar el rendimiento y aumentar la eficacia
- Utilice una CDN potente
- Aumentar el límite de memoria PHP de WordPress
- Evitar el uso excesivo de plugins y extensiones
- Optimice su código
- Limpiar la base de datos de WooCommerce
- Mantener todo al día
Recuerda que estas técnicas no siempre están relacionadas con WooCommerce sino con tu sitio web en su conjunto. Un sitio web rápido hará que el WooCommerce instalado en él funcione sin problemas, que es lo que nosotros, y tus clientes, queremos.
1. Elige un alojamiento web de calidad para mejorar el rendimiento de WooCommerce
La forma más sencilla de mejorar la velocidad de tu tienda WooCommerce es utilizar un hosting de alta calidad.
Los hosts de mayor calidad suelen utilizar servidores más rápidos, almacenamiento SSD, redes optimizadas y LiteSpeed u otra tecnología para mejorar el rendimiento.
Esto por sí solo puede suponer una mejora sustancial.
Si busca el mejor alojamiento WooCommerce en el mercado, tiene opciones:
- Si el host que utiliza actualmente no está en esa lista, considere la posibilidad de migrar.
- Si ya utiliza una de nuestras recomendaciones, considere la posibilidad de actualizar su plan para disponer de más recursos.
Un buen hosting te ayudará con la velocidad y a gestionar mejor tu tienda online.
También suelen incluir asistencia técnica para ayudarle a gestionar su tienda de comercio electrónico.
2. Utiliza un tema de WordPress rápido para tu tienda WooCommerce
Un alojamiento de calidad debe ir acompañado de un tema rápido para WordPress optimizado para WooCommerce.
De lo contrario, sería como tener un coche con un motor potente (alojamiento), ralentizado porque el diseño que utiliza (tema) está lleno de florituras que disminuyen la aerodinámica.
Nuestra recomendación para un tema rápido de WordPress no podía ser otra que Astra.
Trabajamos duro para hacer el tema super rápido, especialmente con WooCommerce. Y hemos incluido muchas características para mejorar tu experiencia con esta plataforma de comercio electrónico.
Encontrarás plantillas de inicio pre-construidas realmente bien optimizadas para móviles, un carrito desplegable, barra lateral off-canvas y opciones para acelerar el checkout por defecto de WooCommerce.
3. Optimizar la configuración de WooCommerce para un alto rendimiento.
WooCommerce tiene un montón de características, algunas de las cuales puede que no necesites.
Te recomendamos que desactives las funciones que no necesites para que no ralenticen tu tienda.
Una forma muy sencilla de hacerlo es utilizando la función Desactivar Bloat para WooCommerce plugin.
El plugin puede:
- Desactivar scripts y estilos de WooCommerce cuando no sea estrictamente necesario. Como las páginas de producto, carrito y pago.
- Desactivar widgets WooCommerce si no piensa utilizarlos.
- Desactivar fragmentos de carrito AJAX, una función que actualiza automáticamente el total de la cesta de la compra del cliente sin necesidad de actualizar la página.
- Desactivar bloques WooCommerce para reducir la carga de CSS en el frontal si no piensas utilizarlos.
El plugin te permite modificar y deshabilitar muchas más cosas en WooCommerce. Pero esas 4 son algunas de las más importantes y relevantes para la velocidad.
4. Comprima y optimice las imágenes de sus productos
Si hay algo que todas las tiendas online tienen en común es el uso intensivo de imágenes.
La gente necesita ver lo que compra.
Las tiendas deben proporcionar imágenes de calidad, con diferentes ángulos y detalles y para cada variación de producto.
No basta con decir que la camiseta también está disponible en rojo. Hay que demostrarlo.
Las imágenes son elementos pesados que tardan en cargarse. Cuanto más grande o detallada sea la imagen, mayor será el archivo que haya que cargar.
Sin embargo, es necesario un equilibrio. Es necesario optimice sus imágenes tanto como puedas sin comprometer su calidad.
En primer lugar, guarda las imágenes en los tamaños y formatos requeridos y utiliza un editor de imágenes para reducir el tamaño del archivo todo lo posible.
Recomendamos utilizar un plugin de optimización de imágenes para WordPress para automatizar este proceso y conseguir los resultados que busca.
5. Utilizar un plugin de caché para acelerar el rendimiento y aumentar la eficiencia.
Mostrar una simple página de producto en su tienda online implica una serie de procesos en segundo plano que consumen mucho tiempo.
WordPress tiene que encontrar el nombre del producto, su precio, sus imágenes o sus variaciones y utilizar esas piezas del puzzle para mostrarlas en el navegador.
Y lo hará para cada visitante que mire cada producto.
Todo eso lleva su tiempo.
A menos que utilices un plugin de caché.
Los plugins de caché almacenan una copia completa de cada página en un lugar especial llamado caché.
De este modo, cada página sólo tiene que crearse una vez. La próxima vez que alguien entre en la página, el servidor enviará la copia guardada en la caché.
Esto hace que el proceso sea mucho más rápido.
Esto es eficiente a nivel de servidor, y también dará una mejor experiencia de usuario a sus compradores.
Para ello, sólo tiene que instalar uno de nuestros productos plugins de caché recomendados.
6. Utilizar una potente CDN (red de distribución de contenidos)
Usar un CDN es la mejor manera de acelerar tu tienda WooCommerce para visitantes que están geográficamente lejos de tu servidor.
No importa si tiene un alojamiento rápido, la información aún tendrá que viajar desde su alojamiento hasta el navegador de su comprador.
Eso lleva tiempo.
Una CDN almacena copias estáticas de su sitio web en distintos lugares del mundo.
De este modo, su sitio web se servirá desde la ubicación más eficiente para cada visitante, ahorrando un tiempo valioso.
Puede parecer complicado, pero todo lo que necesita es un Proveedor de CDN que se ocupará de todo por ti.
7. Aumentar el límite de memoria PHP de WordPress
WooCommerce añade un montón de características. Para que todas ellas funcionen correctamente, necesitarás algunos recursos.
La memoria PHP es uno de esos recursos.
Un servidor utiliza la memoria para mantener los datos mientras ejecuta su tienda.
Como WordPress y WooCommerce están construidos usando PHP, necesita su propia asignación de memoria para completar las tareas esenciales.
Cuanta más memoria tengas, más rápido funcionará tu tienda.
Como mínimo, recomendamos aumentar el límite de memoria PHP a 64mb.
Puede hacerlo usted mismo modificando el wp-config.php en WordPress.
Abra el archivo y añada el siguiente fragmento de código justo antes de la línea "Happy Blogging/publishing".
define('WP_MEMORY_LIMIT', '64M');
A continuación, guarda el archivo.
Si eso no funciona, es posible que tenga que ponerse en contacto con su proveedor de alojamiento. Suelen aumentar la memoria PHP de forma rápida y gratuita.
8. Evitar el uso excesivo de plugins y extensiones
WooCommerce cuenta actualmente con más de 800 extensiones para mejorar las capacidades de tu tienda online.
En el mejor de los casos utilizarás un par de extensiones, pero este número puede elevarse a varias docenas.
Las extensiones se instalan como plugins en su sitio WordPress. Esto puede ralentizar el rendimiento, ya que cada plugin tendrá que cargar su propio código para funcionar.
Esto ocurre con todos los plugins, no sólo con los de WooCommerce, por lo que deberías reducir el uso de plugins en general.
Recomendamos utilizar sólo los plugins o extensiones que realmente necesites y asegurarte de que utilizan código de calidad para minimizar las penalizaciones de rendimiento.
9. Optimice su código
Su sitio web y su tienda se construyen a partir de código. Suele haber miles de líneas de código, todas con un propósito específico.
Optimizar el código significa utilizar lo menos posible y hacer que los archivos sean lo más pequeños posible sin romper nada.
La optimización del código puede incluir:
- Optimización de archivos: Minificar y combinar los archivos CSS, HTML y JS de tu tienda para que sean más ligeros y fáciles de entregar.
- Compresión de archivos utilizando Gzip.
- Carga perezosa JS.
Todo esto ayudará a que tu WordPress funcione más rápido y también lo hará tu tienda WooCommerce.
Muchos plugins de caché también realizarán estas funciones por ti. Experimenta con las opciones para ver cómo mejoran la velocidad de carga.
10. Limpiar la base de datos de WooCommerce
Toda la información que incluyas en tu instalación de WordPress y WooCommerce se almacenará en una base de datos.
Con el tiempo esta base de datos crecerá. Esto puede hacer que el servidor tarde más tiempo en buscar y recuperar información de ella.
Optimizar la base de datos puede mejorar el rendimiento de su tienda en línea, así como reducir la carga del servidor.
Un plugin como WP-Optimize puede ayudarte a optimizar las tablas de tu base de datos, incluyendo las de WooCommerce.
Puede que el aumento de rendimiento sea modesto, pero todo ayuda.
11. Mantener todo al día
El software suele actualizarse periódicamente para añadir nuevas funciones, corregir errores y mejorar el rendimiento.
WordPress ha sufrido bastantes actualizaciones que han mejorado significativamente la experiencia de usuario y los tiempos de carga de las páginas. WooCommerce y sus temas y plugins serán similares.
Mantenerlas actualizadas le garantiza beneficiarse de cada mejora en sus aplicaciones.
Además de mantener todo actualizado en el backend de WordPress, no olvides activar la última versión de PHP o HTTP2 en su proveedor de alojamiento.
De este modo, su tienda en línea se beneficiará de todas las mejoras de velocidad incluidas en las últimas versiones de sus herramientas.
La importancia de la optimización de WooCommerce (por qué la velocidad es importante para las tiendas online)
Tener una tienda online rápida es muy importante.
- Obtendrás mejor clasificación en las búsquedas ya que la velocidad es un factor de clasificación importante para Google y otros motores de búsqueda.
- Usted mejore la experiencia de sus usuarios para que todo vaya sobre ruedas.
- Unos visitantes contentos significan un mejor tasa de conversión y más beneficios para su empresa.
- Usted reduzca el consumo de recursos. Eso le permitirá reducir los costes de su servidor.
Los beneficios son muchos y el trabajo para conseguirlos es relativamente bajo:
- Utilizar una buena base técnica como un buen alojamiento, un tema rápido, pocas extensiones y de calidad y un límite alto de memoria PHP.
- Optimice todos sus contenidos como las imágenes y el código.
- Utilizar caché y CDN para distribuir sus contenidos de forma eficaz.
- Optimizar la base de datos de WooCommerce.
- Desactiva todas las funciones de WooCommerce que no vayas a utilizar.
- Manténgalo todo al día.
No son tareas difíciles. Y la mayoría de ellas solo tendrás que hacerlas una vez y disfrutarlas con el tiempo.
¿Por qué es importante? Ventajas de la optimización de tiendas en línea
Importa porque sólo se puede causar una primera impresión una vez. Y si esa impresión no es buena, nuestras posibilidades para la segunda cita se reducirán drásticamente.
Lo mismo ocurre cuando se trata de una nueva relación, aún no estable, entre visitantes y su tienda online. Si no les gusta lo que ofrece desde el momento en que hacen clic, las posibilidades de convertirlos en clientes disminuirán considerablemente.
Echemos un vistazo rápido a las ventajas de la optimización. Ya hemos mencionado algunos de ellos, pero vale la pena decirlo dos veces:
- Mayores ingresos
- Mayor tráfico en el sitio web
- Mejora de la tasa de conversión
- Mejor posicionamiento en Google
- Tiempo de carga del sitio web más rápido
- Menor coste global (por ejemplo, menores costes de servidor)
¿Cómo puede perjudicar a su empresa la falta de optimización?
Imagina que se inaugura un centro comercial recién construido. Para promocionarlo, sus propietarios ya han:
- Gastó mucho dinero en campañas de radio y televisión
- Cantante superestrella invitada
- Colocó vallas publicitarias por toda la ciudad
- Contratos firmados con las marcas más populares del mundo
Parece una receta de éxito, ¿verdad? Pero, ¿y si...
- ¿Las escaleras móviles no funcionan?
- ¿El sistema de iluminación se apaga constantemente?
- ¿Los dispositivos de la tarjeta no han llegado a tiempo?
- ¿La multitud es tan grande que hasta cuesta moverse?
¿Anima a la gente a gastar dinero allí? Bueno, puede que algunos se sientan atraídos por los descuentos y se queden allí de todos modos, pero ¿qué pasa con el resto?
Algo similar puede ocurrir con tu tienda online.
Claro, puedes gastarte mucho dinero en anuncios de Facebook e Instagram, enviar cosas gratis a influencers, producir toneladas de contenido valioso para tu blog y hacer una plétora de otras cosas para atraer clientes potenciales a tu tienda. Pero no importará si tu tienda no está optimizada para acoger a todas estas personas de forma adecuada.
La optimización de la tasa de conversión y su importancia
En primer lugar, cabe preguntarse: ¿cuál es la tasa de conversión?
Supongamos que 500 usuarios visitaron su tienda online la semana pasada y cinco de ellos compraron algo. Eso significaría que la tasa de conversión es de 1%. El objetivo de la Optimización de la Tasa de Conversión (CRO) es hacer que esa cifra sea lo mayor posible.
El CRO está directamente relacionado con el WooCommerce optimización de la tienda. Por ejemplo, podemos esperar un crecimiento de la tasa de conversión tras la optimización del tiempo de carga. Si te gustan los números, seguro que te encantarán estos que proporciona Cloudflare en su entrada del blog sobre cómo afecta el rendimiento del sitio web a los índices de conversión.
Para resumirlo en una frase: después de optimizar tu sitio web de WooCommerce, empezarás a ganar más dinero aunque el número de visitantes del sitio web o el presupuesto para publicidad no cambien ni un poco (incluso no tienen por qué hacerlo).
Razones por las que tu tienda WooCommerce no está optimizada
Nada sucede sin una razón y, aunque suene trivial, es simplemente cierto. Si está leyendo esta entrada del blog, lo más probable es que su tienda en línea no esté funcionando como a usted le gustaría. Es posible que se pregunte: "¿Qué ha pasado con mi tienda? ¿Por qué va tan lenta?".
La respuesta puede ser sencilla. Puede que la encuentres más abajo, pero tú decides.
Plugins, temas y otras cosas instaladas
Tanto WordPress como WooCommerce ofrecen un sinfín de posibilidades, pero lo que es una bendición también puede convertirse en una maldición. La cantidad de plugins, temas, page builders y frameworks crece constantemente, y por eso es difícil decidir cuáles elegir. Desgraciadamente, ese agobio a menudo nos lleva a tomar malas decisiones.
Utilizar plugins, temas, page builders o frameworks nuevos y no verificados no es necesariamente la mejor solución posible. Conlleva el riesgo de hacer que nuestro sitio web o tienda online sea más lento y vulnerable.
Además, la cantidad de complementos instalados importa cuando se trata de la optimización de WooCommerce. Claro, podemos necesitar otras funcionalidades que no se proporcionan con nuestro tema. Pero cada plugin adicional puede alargar el tiempo que nuestro navegador necesita para cargar todo el sitio web.
Así que antes de instalar otro plugin, hágase estas preguntas:
- ¿Es realmente necesario instalar este plugin?
- ¿Es el mejor plugin que existe para ayudarme con esto?
- ¿Hay alguna otra opción para hacerlo funcionar sin instalar otro plugin?
Sin embargo, recuerde que más plugins no significa necesariamente un sitio web más lento o una tienda WooCommerce. Un plugin desarrollado según los estándares de codificación de WordPress y bien optimizado debería tener un impacto mínimo en tu sitio.
Hemos visto sitios web con más de 50 plugins que funcionan más rápido que los que tienen cuatro plugins.
Medios cargados
¿Cuál es la razón más común por la que algunos sitios web se cargan tan lentamente? Las imágenes y su peso. Nunca es buena idea subir fotos de alta resolución sin ninguna optimización. Especialmente en las tiendas de eCommerce, donde puede haber muchísimas.
Y no nos olvidemos de los vídeos, dado que pesan mucho más que las imágenes y su popularidad no deja de aumentar básicamente día tras día.
Mala elección del proveedor de alojamiento
Elegir el proveedor de alojamiento para una tienda online es como elegir el motor del coche: se trata de aprovechar todo su potencial en lugar de aceptar la mediocridad. Porque ni el diseño interior ni los colores elegantes compensarán los componentes deficientes bajo la máscara. Al igual que ni un diseño llamativo ni un logotipo nuevo compensarán una mala elección de alojamiento.
Optimización de sitios web de WooCommerce en la práctica
Muy bien, seamos más prácticos. Por suerte, no hace falta ser un experto en tecnología de WordPress y WooCommerce para implementar al menos algunos cambios. A veces todo lo que tienes que hacer es instalar y configurar algunos plugins (que te recomendaremos dentro de un rato) o contratar a alguien que haga estas cosas de optimización por ti.
Pero antes de cumplir lo que acabamos de prometer, vamos a describir brevemente los elementos de optimización de WooCommerce.
Optimización de imágenes
No hace falta decir que el Mercado del comercio electrónico es muy competitivo y hay que aprovechar todas las posibilidades para ganarse a los clientes.
Una de ellas son las imágenes, porque la mayoría de nosotros compramos cosas con los ojos. Y al contrario que en las tiendas tradicionales, no podemos tocar, oler ni sentir lo que vemos en las estanterías. Por eso, cuanto mejores sean las imágenes que tenga en su tienda, mayores serán las posibilidades de que los clientes le compren.
Pero hay una trampa. Las imágenes de alta resolución pesan y pesan mucho. Así que lo que buscas aquí es un equilibrio entre la calidad y el tamaño de la imagen. Y puedes encontrar ese equilibrio utilizando un plugin u optimizando las imágenes tú mismo.
Optimización de vídeo
Vayamos un paso más allá: las imágenes -incluso las de alta resolución- no bastan hoy en día. Como acordamos antes, el nivel de competitividad es cada vez más alto. Es necesario hacer algo más que imágenes de alta calidad que se pueden tomar con casi cualquier teléfono móvil.
Y es entonces cuando entran en escena los vídeos.
No sólo son complementos excepcionales para cualquier tienda en línea, sino que también pueden ser muy útiles para sus clientes. Pueden hacer lo que las imágenes no, por ejemplo, si queremos mostrar paso a paso cómo usar un producto.
Pero el problema es -¡lo ha adivinado! - su influencia negativa en el rendimiento del sitio web. Especialmente si incrustar el vídeo por encima del pliegue (es la llamada sección heroica, visible justo después de entrar en un sitio web). Por supuesto, puede alojarlo en YouTube o Vimeo o en otro sitio web. anfitriones de vídeopero aún así debe optimizarse.
En concreto, tienes tres soluciones, porque puedes:
- Eliminar los vídeos
- Implementar la carga lenta e insertar una imagen de vista previa
- Empezar a autoalojar vídeos
Uso de la red de distribución de contenidos (CDN)
Si quiere vender en todo el mundo (o incluso si no quiere), debe tener en cuenta que la distancia entre el servidor de alojamiento y los usuarios determina el tiempo de carga. Así, si tu servidor está en Brasil y tienes visitantes de Europa, tendrán que esperar más que los visitantes de Sudamérica.
Para resolver ese problema, debes utilizar la Red de Entrega de Contenido (también conocida como CDN). Su tarea principal es almacenar copias de tu tienda WooCommerce en todo el mundo, y luego redirigir a los visitantes a la copia más cercana. Gracias a ello, el tiempo de carga del sitio web será menor.
Deberá pagar por este servicio un precio mensual. Si está interesado en implantar CDN (¡y debería estarlo!), puede consultar, por ejemplo Cloudflare que ya hemos mencionado antes o CDN en la nube.
Almacenamiento en caché
¿Recuerda aquellas pizarras blancas que se utilizaban, por ejemplo, para hacer algunos cálculos? Sí, ¡la gente todavía las utiliza! Pero esa no es la cuestión.
Borrar la pizarra es como borrar la caché de un sitio web. Si borras la pizarra, tienes que volver a hacer cálculos. Si borras la caché, tu navegador tiene que volver a cargar todo el sitio web.
Y es que cachear significa almacenar el sitio web para que sea más rápido recuperarlo en el futuro.
Pero el almacenamiento en caché es complicado. Se debe a que plugins de caché mejoran el rendimiento de su tienda online sólo si se configuran correctamente. Por ejemplo, almacenar en caché las páginas del carrito o checkout páginas significaría que los usuarios no podrían añadir productos a la cesta ni pagar su pedido.
Si desea obtener más información sobre el almacenamiento en caché, eche un vistazo a nuestro Guía definitiva sobre el almacenamiento en caché de WordPress.
Resolución de problemas con la base de datos
Tu base de datos crecerá junto con tu tienda a lo largo del tiempo, y almacenará cada vez más datos: historial de compras, cuentas de usuario, descripciones de productos, etc. Si estás empezando, no será un problema. Al menos por ahora.
Pero al cabo de unos meses, un año o tal vez dos, puede empezar a afectar negativamente al tiempo de carga de su sitio web. ¿La solución? Una buena limpieza de vez en cuando.
Hay dos formas de hacerlo: manualmente (lo que puede llevar una eternidad y romper todo el sitio web en el proceso) o instalando un plugin (que lo hará todo mucho más fácil).
Sin embargo, recuerde hacer una copia de seguridad de todos sus archivos y base de datos, antes de utilizar un plugin de este tipo (o hacer cualquier cambio serio en su tienda WooCommerce).
Cuando estés preparado para limpiar tu base de datos y no quieras hacerlo manualmente, considera usar un plugin que haga ese trabajo sucio por ti. Por ejemplo, puede elegir Optimizar WP o Barrido WP, nuestro plugin de caché favorito WP Rocket también incluye un optimización de bases de datos opción.
Optimización del código
Ya hemos recorrido un largo camino, pero no es suficiente: centrémonos esta vez en el código de tu sitio web. Puedes optimizarlo utilizando diferentes técnicas, pero por ahora queremos mostrarte tres de las más populares: minificación, concatenación y compresión GZIP.
Pero antes de hablar de cada una de ellas, respondamos a una pregunta: ¿qué es la optimización de código? Pues su objetivo es:
- Asegúrese de que no se descargan recursos innecesarios.
- Minimizar el tamaño de las descargas
- Optimización y compresión de archivos HTML, CSS y JavaScript
Puede hacerse mediante la compresión de archivos o borrando los datos que ya no son necesarios.
Minificación
La minificación consiste en reducir el tamaño de los archivos HTML, CSS y JavaScript. Esta reducción es posible gracias a la eliminación de espacios en blanco, comentarios del desarrollador u otros caracteres adicionales.
Claro, hará que el código fuente sea mucho más feo, pero también hace que los archivos sean más ligeros y no afectará a cómo funciona tu tienda WooCommerce.
Sin embargo, tenga en cuenta que la minificación del código no significa necesariamente un sitio mucho más rápido, sino que depende del tema que haya elegido y de los plugins que esté utilizando.
Si el código necesario para cargar todo el sitio web está principalmente en archivos CSS y JS, entonces, después de la minificación, se notará una diferencia en el tiempo de carga de la página.
Concatenación
Lo siguiente que puedes hacer es concatenar. Básicamente significa combinar archivos de un tipo (archivos CSS o JS) en un archivo grande.
Compresión GZIP
La forma definitiva de optimizar el código es comprimirlo, lo cual es posible porque hoy en día los navegadores son capaces de leer archivos comprimidos. Podemos aprovecharnos de ello utilizando la compresión GZIP.
¿Cómo funciona? Se trata de comprimir archivos en ficheros zip y enviarlos en paquetes más pequeños.
Revisión de plugins
Instalar y probar plugins es probablemente la forma más rápida y fácil de ralentizar cualquier sitio web WordPress, pero especialmente aquellos que utilizan WooCommerce. Por supuesto, nuestro objetivo es hacer que nuestros sitios web y tiendas sean más funcionales y rápidos, pero puede volverse en sentido contrario. Afortunadamente, puedes evitarlo aplicando las siguientes reglas:
- Mantenga todos los plugins que utiliza actualizados a la versión más reciente.
- Desinstalar todos los plugins que ya no utilizas.
- Intente mantener el número de plugins instalados y activos lo más bajo posible.
- Compruebe siempre quién ha desarrollado el plugin y si se actualiza con regularidad.
Elegir el tema adecuado
Si has pensado que elegir el plugin adecuado es difícil, ¿qué dirías de elegir el tema adecuado? Pues que sí, ThemeForest tiene más de 48.000 temas y plantillas de sitios web para WordPress. Menudo número, ¿eh?
Por desgracia, muchas de ellas están repletas de interminables líneas de código para conseguir determinados efectos. Entonces, ¿cómo elegir una que, además de bonita, esté bien programada?
Si ya tienes una tienda online, puedes realizar una comprobación rápida tú mismo. Después de hacer una copia de seguridad de su sitio actual, cambie su tema al tema por defecto o, por ejemplo, Escaparate (que recomienda el propio WooCommerce).
¿Su sitio carga más rápido ahora? Si es así, tiene un problema con su tema y debería considerar cambiarlo.
Si aún no tiene una tienda en línea, desplácese un poco hacia abajo para ver los temas recomendados.
Y, por supuesto, recomendamos nuestro propio tema, Astra que es rapidísimo y está diseñado para que tu WooCommerce funcione como un sueño.
Elegir un alojamiento fiable y rápido
Todo el mundo quiere gastar lo menos posible para obtener el máximo valor, sobre todo si está empezando. Sin embargo, desaconsejamos encarecidamente buscar el ahorro a la hora de elegir el proveedor de alojamiento.
Claro, al principio no hará mucha diferencia para el rendimiento de su sitio web. Pero el crecimiento del tráfico web, más y más imágenes, bases de datos más grandes y muchas otras cosas comenzarán a ralentizar su tienda.
No elijas la solución barata. Elige la que sea fiable y rápida como SiteGround, Kinsta, Hostinger o WPEngine.
Un consejo más: si la mayoría de sus visitantes y clientes viven en un país, elija un servidor situado allí. Y siempre que sea posible, utilice una CDN como ayuda.
Versión PHP de su alojamiento
WordPress es un sistema de gestión de contenidos (CMS) que se construyó utilizando el lenguaje PHP. ¿Sabes cuál es tu versión de PHP? Si no es así, pregunte a su proveedor de alojamiento o, si aún no ha elegido uno, asegúrese de que permite PHP 7. Es la última versión de PHPque funciona 2-3 veces más rápido que PHP 5.6, su predecesor.
Por razones de seguridad, pruébalo en un entorno local antes de actualizarlo definitivamente.
Recomendaciones
¡Ahora es el momento de cumplir nuestra promesa! A continuación encontrarás una lista de temas, page builders, plugins, proveedores de hosting y otros recursos recomendados para que tu tienda WooCommerce esté lo más optimizada y sea lo más rápida posible.
Temas de WordPress y creadores de páginas gratuitos y de pago
Tienes que tomar una decisión crucial porque ningún plugin de caché (o cualquier otro) compensará la elección de un tema mal codificado. Para ahorrarte tiempo, hemos elaborado una lista de temas fiables que puedes utilizar.
- WP Astra - es un tema rápido, ligero y fácilmente personalizableintegrado con herramientas populares y que contiene muchos sitios web preconstruidos para ayudarle a acelerar el diseño y desarrollo de sitios web. Y además, ¡es nuestro!
- Escaparate - como podemos leer en su web oficial, "WooCommerce Storefront es una tienda intuitiva y flexible, tema de WordPress gratuito que ofrece una profunda integración con WooCommerce". Es fácil de modificar, perfectamente optimizado y puede ser un tema base perfecto para un mayor desarrollo
Si necesita información más detallada, puede consultar nuestra entrada del blog sobre temas WooCommerce gratuitos y premium.
Y para los usuarios más avanzados de WordPress, podemos recomendarles que prueben nuestros dos creadores de páginas favoritos que son totalmente compatibles con WP Astra:
- Elementor - su principal ventaja es que no tiene que escribir ni una sola línea de código para crear un sitio web o una tienda en línea totalmente funcional desde cero. También puedes acortar todo el proceso utilizando nuestro tema, los sitios de demostración Elementor preconstruidos o cualquier otro tema compatible
- Beaver Builder - es un page builder más avanzado y exigente que el primero, y aunque personalmente preferimos Elementor, BB también merece la pena recomendarlo. Incluso puedes cambiar de tema y no perderás tu contenido
Pruebas de velocidad
Ahora, después de elegir el tema adecuado (o al menos eso parece) y antes de elegir los plugins adecuados, es una buena práctica realizar algunas pruebas de velocidad. Es útil por dos razones principales:
- Comprobará el estado real del rendimiento de su sitio web
- Aprenderás dónde hay margen de mejora y si es mejor cambiar el tema o basta con utilizar algunos plugins
Hay muchos sitios web en los que se pueden realizar estas pruebas, pero nos gustaría recomendar tres de ellos:
- PageSpeed Insights de Google: analiza un sitio web (tanto la versión de escritorio como la móvil), da una puntuación PageSpeed y recomienda qué se debe mejorar. Esa puntuación es muy importante porque, bueno, es Google, y esa puntuación afecta a la clasificación del sitio web en Google.
- GTmetrix - gracias a esa herramienta, puedes "ver el rendimiento de tu sitio, revelar por qué es lento y descubrir técnicas de optimización"
- Prueba de velocidad del sitio web de Pingdom - El principio de funcionamiento es casi el mismo que el anterior; se trata de otra herramienta que identifica áreas de mejora, pero también muestra lo que es bueno.
Depende de usted cuál de ellas elija. Lo importante es si va a aplicar las sugerencias en su sitio web.
Plugins de WordPress gratuitos y de pago
Ahora, después de averiguar lo que tienes que mejorar en tu sitio web WooCommerce, puedes empezar a elegir los plugins que te ayudarán a hacerlo. Pero sé razonable - no se trata de batir el récord mundial Guinness por el mayor número de plugins de WordPress instalados. Y a veces es posible utilizar sólo un plugin en lugar de dos.
Optimización de imágenes
- Smush Pro (premium) - es un plugin creado por WPMU DEV que comprime las imágenes automáticamente después de subirlas a la biblioteca multimedia de WordPress. Además, puedes usarlo para las imágenes ya subidas y no una a una, sino todas. También hace copias de seguridad de las imágenes originales y optimiza las fotos pesadas (hasta 32 MB)
- TINY PNG (gratuito) - no ofrece tantas opciones como otros plugins, pero funciona bien cuando se trata de reducir el tamaño de la imagen y preservar su calidad al mismo tiempo.
Plugins de caché
- WP Super Caché (gratuito) - es un plugin creado por Automattic (una empresa detrás de WordPress y WooCommerce), que es una solución gratuita pero potente que se menciona constantemente como uno de los mejores plugins de almacenamiento en caché.
- Cohete WP (premium) - es un plugin que sólo ofrece una versión premium y no hay prueba gratuita. No obstante, es nuestro plugin de caché favorito, y si tu presupuesto te permite comprarlo, no te lo pienses dos veces. Consulta nuestra Revisión de WP Rocket para saber más.
Si necesita información más detallada sobre los plugins de almacenamiento en caché o sobre el almacenamiento en caché en general, consulte nuestra sección Guía definitiva sobre el almacenamiento en caché de WordPress.
Optimización del código
- Cohete WP (premium) - si usted está buscando una solución todo-en-uno y pagar por el plugin no es un problema para usted, le recomendamos elegir el plugin WP Rocket. No sólo le ayudará con la optimización del código del sitio web, sino que también funciona como un plugin de caché.
- Autoptimize (gratis) - agrega y minimiza todos los archivos JavaScript y CSS. Es una buena opción si usted está en un presupuesto, pero usted tiene que configurar usted mismo. Y si no le ayudará o la configuración será más difícil de lo esperado, siempre se puede elegir plugin premium con soporte proporcionado
Otros plugins
- Optimizar WP - un plugin gratuito que le ayudará a limpiar y optimizar la base de datos
- UpdraftPlus - plugin gratuito de copia de seguridad, restauración y clonación. Siempre es una buena idea usarlo antes de hacer cualquier cambio serio en WordPress o sitio web WooCommerce
- Carga perezosa de WP Rocket - otro plugin gratuito. Muestra las imágenes y los iframes incrustados sólo cuando son visibles para el visitante. Gracias a que el número de peticiones HTTP se reduce y el sitio web se carga más rápido
Proveedores de alojamiento
Hay muchos proveedores de alojamiento, algunos más baratos y otros más caros. Pero en ese caso, el precio no debería ser el criterio más importante de elección. Elija siempre la calidad por encima de unos cuantos dólares más en el bolsillo.
Muy bien, pero ¿qué servidor elegir? Como siempre, el equipo de WooCommerce quiere ayudar a los propietarios de tiendas online. Han seleccionado algunos hosts y los han puesto en su sitio web. Puedes consultar estas recomendaciones aquí.
No lo pienses demasiado y confía en el equipo de WooCommerce. Ellos saben lo que hacen.
Resumen
Menudo viaje, ¿verdad? Es mucha información que procesar y muchos consejos de optimización que poner en práctica, pero esperamos que te hayan resultado útiles.
No tienes por qué (ni deberías) poner en práctica todos estos consejos a la vez. Antes de tomar cualquier acción, haz un diagnóstico de tu tienda online cambiando de tema o utilizando uno de los test de velocidad. Es un pequeño paso pero también es un buen comienzo de un proceso de optimización de cualquier sitio web WooCommerce.
Dinos en los comentarios qué técnicas de optimización has probado ya, si te han ayudado y en qué medida. Si no las has probado, ¿a qué se debe?
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
Gracias, este es el artículo que estaba buscando. Btw ¿puedo saber lo que utiliza para su sitio web grande y rápido? También estoy planeando crear un sitio web sencillo para mi negocio, pero necesito una recomendación de dominio y alojamiento. He oído que asphostportal tiene buena reputación. ¿Me los puedes recomendar o hay alguna alternativa?