Cómo acelerar tu tienda en Shoptet: consejos concretos y errores comunes
Martin MichálekActualizado 27/1/20268 minutos lecturaUn sitio web rápido no es solo un capricho técnico, es una necesidad empresarial. Los clientes abandonan las páginas lentas más rápido de lo que podrías decir "velocidad" y, francamente, Google no es muy amigo de los sitios web lentos.
Un análisis de Portent demostró que a los 1 segundo de carga, la tasa de conversión promedio es casi del 40%. A los 2 segundos cae al 34%, y a los 3 segundos, al 29%. Un sitio web rápido trae conversiones, mayor tráfico, publicidad PPC más barata y muchas otras ventajas.
Si gestionas una tienda en Shoptet, tienes una buena base, pero incluso la mejor tienda necesita un cuidado regular cuando se trata de la velocidad web.
¿No quieres leer, sino simplemente acelerar tu Shoptet? Echa un vistazo a nuestro servicio de aceleración de Shoptet.
La velocidad de Shoptet es buena, pero cuidado con las modificaciones en la plantilla
En plataformas de comercio electrónico como Shoptet, no tienes acceso directo al servidor, pero eso no es necesariamente malo. La velocidad de respuesta del servidor (TTFB, Time To First Byte) suele ser excelente en Shoptet.
Shoptet es definitivamente una de las plataformas e-commerce técnicamente más competentes, el servidor funciona como un reloj suizo.
Los problemas comienzan en el frontend, es decir, la parte del sitio que ven los clientes. Cuando los desarrolladores comienzan a modificar significativamente la apariencia de la plantilla original, a menudo deben usar mucho JavaScript.
Shoptet te proporciona un buen motor, pero qué tan rápido vayas depende de lo que cargues en el coche.
A los usuarios no solo les interesa la respuesta del servidor, sino la impresión total que tienen del sitio directamente en el navegador. Medimos la velocidad web usando un conjunto de métricas de experiencia del usuario llamadas Core Web Vitals.
Los Core Web Vitals son números muy importantes, porque si una página cumple con sus valores recomendados, es un 24% menos probable que los usuarios se vayan antes de que cargue. (Fuente)
- La velocidad de carga (LCP) y la estabilidad del diseño (CLS) serán excelentes gracias a los muy buenos servidores. Sin embargo, el problema surge cuando se realizan modificaciones personalizadas.
- La velocidad de respuesta a las interacciones (INP) también es excelente en la base de Shoptet (gracias en parte a nuestra ayuda), pero puede surgir un problema al modificar el sitio o agregar componentes de terceros.
Consulta los valores de Core Web Vitals para algunos sitios de referencia que monitoreamos:
La mayoría de las tiendas en Shoptet tienen muy buenos valores de Core Web Vitals, pero hay excepciones, así que presta atención a la velocidad.
El objetivo básico son los valores "verdes" de Core Web Vitals para todo el dominio y tener todo verde también en Google Search Console.
TIP: Mide la velocidad de tu sitio en Shoptet.
Un Shoptet rápido existe. Solo tienes que configurarlo correctamente y no estropearlo con innecesarios.
Cinco trampas típicas al modificar Shoptet
Cada modificación del sitio es como añadir un equipaje al coche. A partir de cierto número de modificaciones o si se realizan de manera torpe, la velocidad empieza a flaquear.
1) Modificaciones de diseño torpes
Cuando quieres cambiar significativamente la apariencia de la plantilla, a menudo significa reescribir el código original con JavaScript. Habla con los diseñadores sobre si realmente necesitas cambiar todo. A veces, solo es necesario ajustar ligeramente las plantillas predeterminadas, como Classic, en lugar de una renovación completa.
Imagen: el diseño puede romperse feamente al cargar en Shoptet.
El siguiente paso es exigir a los desarrolladores que eviten el impacto negativo en los Core Web Vitals al implementar estos cambios. Las métricas LCP (velocidad de carga) y CLS (estabilidad del diseño) son especialmente vulnerables.
2) Añadir complementos y terceros sin monitorear el impacto en la velocidad
Cada nuevo complemento o componente de JavaScript es otra maleta en el maletero de tu coche. Antes de implementarlo, pregúntate: «¿Realmente lo necesito?»
Los servicios externos incrustados a través de Google Tag Manager (una herramienta para gestionar códigos analíticos), scripts de marketing o sistemas publicitarios pueden crear "tareas largas" (medibles sintéticamente con la métrica TBT o en usuarios reales con la métrica JS Long Tasks (JSLT)), que ralentizan las respuestas del sitio y empeoran la métrica INP.
Consejo práctico: Revisa de vez en cuando los scripts externos y complementos y pregúntate: «¿Todavía uso esta herramienta?». Elimina sin piedad.
La regla principal al agregar nuevos componentes al sitio: siempre monitorea la velocidad para saber qué impacto tendrá la adición en la velocidad.
3) Imágenes no optimizadas
Los formatos modernos WebP o AVIF pueden ahorrar decenas de porcentajes en tamaño en comparación con los antiguos formatos JPEG o PNG.
Pide al soporte de Shoptet que habiliten el almacenamiento de imágenes en formato WebP, que es significativamente más eficiente en datos.
También es importante el lazy loading – la carga diferida de imágenes que no son visibles en pantalla de inmediato. ¿Por qué descargar fotos de la parte inferior de la página si el usuario quizás nunca las vea? Pero esto Shoptet debe resolverlo por ti, ya que no puedes acceder al código HTML.
4) Tamaño de imágenes no manejado
Cada elemento cargado de forma asíncrona en la página debe tener un tamaño definido. Puede ser una imagen, video, iframe u otro componente web.
En el caso de esta plataforma de comercio electrónico, se trata principalmente de imágenes. Shoptet no te ayudará aquí, ya que, salvo en lugares específicos, no es posible modificar el código fuente HTML del sitio. Sin embargo, hay formas de lograr el mismo efecto en CSS:
img {
min-height: 200px;
}
Hay más opciones. Consulta nuestro artículo sobre cómo mantener la altura de los elementos para la métrica CLS.
5) Mal proveedor de modificaciones web
Busca desarrolladores verificados con buenas referencias. Prefiere estudios más grandes y verifica bien a los desarrolladores freelance económicos. Quizás te sorprenda, pero no es necesario centrarse en los conocimientos técnicos de la persona o empresa.
La base es la comunicación. Muy a menudo en PageSpeed.ONE encontramos que el desarrollo y la optimización no van como quisiéramos debido a la falta de comunicación de los desarrolladores.
Elige personas que comuniquen, sean accesibles y proactivas. Esto se nota ya en las primeras fases del desarrollo.
Cómo PageSpeed.ONE ayuda a las tiendas en Shoptet
La velocidad es siempre el resultado de la colaboración sistemática de múltiples partes. PageSpeed.ONE actúa aquí como garante de la velocidad. Ayudamos a cada cliente en Shoptet en tres áreas diferentes.
1) monitoring PLUS: Vigilante de la velocidad de tu tienda
La optimización de la velocidad no es un sprint con una meta, sino un maratón interminable. Un sitio web necesita cuidado constante y monitoreo regular.
Nuestro monitoring PLUS funciona como una alarma. El vigilante te alerta sobre problemas antes de que los noten los clientes.
Gracias al Vigilante puedes olvidarte de la velocidad hasta cierto punto.
El servicio proporciona una visión continua del rendimiento de tu Shoptet, ayuda a centrarse en áreas específicas para optimizar y advertencias tempranas cuando las métricas empeoran.
Monitoreo de Velocidad PLUS
Prueba nuestra aplicación de monitoreo gratis por un mes.
5 400 CZK al año por el sitio web. Factura, no necesitas tarjeta de crédito.
2) Optimización de la velocidad de tu Shoptet
Hemos realizado decenas de optimizaciones en varias plataformas. Nuestros análisis revelan "frutos bajos", es decir, problemas que se pueden resolver rápidamente con un gran impacto en la velocidad.
La optimización de Core Web Vitals en Shoptet aceleró la tienda deNatura.cz y +17% de tráfico de Google.
También ayudamos a otros clientes en Shoptet como Brainmarket.cz, Olivie.cz o ČistéDřevo.cz.
El portal Srovname.cz experimentó un aumento del 25% en conversiones gracias a nuestras recomendaciones de aceleración. Un sitio web más rápido también significa mejores posiciones en Google y costos publicitarios más bajos.
3) Colaboración con Shoptet
Nuestra colaboración directa con los desarrolladores de Shoptet ha mejorado el INP de todas las tiendas, colocando a la mayoría de ellas en la escala verde de evaluación de Core Web Vitals y probablemente también mejorando su posición en SEO.
Mejora de la respuesta a interacciones (métrica INP) tras la optimización conjunta de PageSpeed.ONE y Shoptet.
La mayoría de los sitios en Shoptet estaban en un valor no óptimo, es decir, en naranja, según la metodología de Google para esta métrica. Esto significaba no solo una experiencia de usuario ocasionalmente peor, sino también posiblemente una peor calificación en SEO o PPC.
Esperamos continuar con esta colaboración, porque el impacto de la optimización de velocidad en 40 mil tiendas es enorme y la misión de PageSpeed.ONE es acelerar los sitios web para todos.
Conclusión: Shoptet tiene potencial en velocidad, aprovéchalo
Shoptet ofrece a tu tienda una base técnica muy buena: el servidor funciona rápido y de manera confiable, las plantillas predeterminadas cumplen con las métricas Core Web Vitals.
Está claro que la mayoría de las tiendas no se conforman solo con la base, pero con el enfoque correcto, monitoreo activado y buenos desarrolladores, es posible manejar incluso el crecimiento de la complejidad de la tienda.
Si no sabes por dónde empezar o buscas una solución específica para tu Shoptet, en PageSpeed.ONE estamos listos para ayudar. La velocidad es nuestro trabajo.