Los mejores consejos para aumentar la velocidad de las tiendas Shopify

El tiempo de carga de la página nunca ha sido más importante. Los usuarios abandonan cada vez más los sitios web con cada segundo que tarda una página en cargarse. Esto es tan cierto para las tiendas Shopify como para cualquier otro sitio web.

Las tiendas Shopify están en aumento. Los ingresos totales de las tiendas Shopify aumentaron a $151,7 millones en el segundo trimestre de 2017. Este es un aumento del 75 % con respecto al segundo trimestre de 2016.

La gente está recurriendo en masa a las tiendas Shopify para sus soluciones de comercio electrónico. Esto tiene mucho que ver con la facilidad de uso y configuración de las tiendas Shopify.

Las tiendas Shopify son tan fáciles y rápidas de configurar que muchos propietarios de negocios y empresarios se sumergen sin mucha capacitación, en negocios o en tecnología. Sin embargo, desarrollar un negocio requiere una mentalidad muy diferente a la de un desarrollador web.

Deberá ser un poco de ambos para aprovechar al máximo sus tiendas Shopify. ¡Ayudaremos a que sus tiendas Shopify se carguen a la velocidad del rayo con nuestra guía para aumentar el tiempo de carga de su tienda Shopify!

Una guía para el tiempo de carga de la página de las tiendas Shopify

Para comenzar, veremos por qué debería considerar las tiendas Shopify para sus soluciones de comercio electrónico. Hay muchas soluciones de comercio electrónico en el mercado. Querrá asegurarse de que las tiendas Shopify sean las mejores para sus necesidades antes de comenzar a optimizar su sitio.

¿Por qué Shopify?

Saber qué soluciones de comercio electrónico son adecuadas para usted se reduce en gran medida a las preferencias y gustos personales. No existe el comercio electrónico 'listo para usar'. Todo depende de tus necesidades particulares.

Aún así, hay algunas razones por las que las tiendas Shopify son un favorito universal tanto para los propietarios de negocios nuevos como para los establecidos.

Las tiendas Shopify son baratas y fáciles

Shopify es una de las formas más rápidas de poner en marcha un negocio de comercio electrónico. Las tiendas Shopify no requieren alojamiento adicional ni tarifas de servidor. Tampoco requieren mucho conocimiento de programación para ser completamente funcionales.

Las tiendas Shopify te permiten concentrarte en administrar tu sitio de comercio electrónico en lugar de convertirte en un desarrollador web a tiempo completo.

Shopify es totalmente personalizable

Las tiendas Shopify son casi tan flexibles como tener tu propio dominio web. Son aún más flexibles para las personas que aún son nuevas en el diseño y desarrollo web.

La tienda de temas Shopify ofrece una amplia variedad de temas personalizados para tu tienda Shopify. Hay amplias opciones de temas personalizados, que varían en precio desde gratis hasta cientos de dólares.

Para aquellos que se sienten un poco más cómodos con la codificación, los temas personalizados generalmente se pueden modificar para satisfacer las necesidades de su sitio.

Shopify puede potenciar otros sitios web

Shopify es un motor de comercio electrónico. Al igual que otras soluciones de comercio electrónico, Shopify se puede usar para manejar el aspecto comercial de cualquier sitio web, siempre que tenga acceso al código fuente.

Todos los componentes de Shopify están diseñados por una empresa, por lo que las piezas tienden a ser intercambiables. Piense en Apple como un ejemplo de cómo el software modular puede funcionar en conjunto. Los sitios con tecnología de Shopify se sincronizan fácilmente entre sí, para que nada se pierda en la confusión.

Shopify es compatible con SEO

El SEO y el marketing de motores de búsqueda siempre están cambiando. Las actualizaciones de Google son tan rápidas y furiosas como las secuelas de la franquicia cinematográfica. Los contratiempos de SEO también pueden ser más peligrosos que un Tokyo Drift, si no tienes cuidado.

Algunas áreas donde las tiendas Shopify optimizan el contenido para SEO incluyen:

• Metatítulos

• Títulos de página

• Mapa del sitio

• URL personalizables

• Páginas de redirección 301

• Robots.txt

Las tiendas Shopify realizan un seguimiento de las últimas actualizaciones de SEO, para que no tengas que hacerlo tú. Facilitan la clasificación en los motores de búsqueda, siguiendo las mejores prácticas actuales de SEO.

Soporte técnico 24/7

El tiempo es dinero. Eso significa que el tiempo perdido es dinero perdido. Cada segundo de su sitio web es un momento en el que podría estar ganando.

Las tiendas Shopify experimentan el beneficio del soporte técnico continuo. Si su sitio web deja de funcionar en medio de la noche, alguien puede ayudarlo a volver a estar en línea lo más rápido y sin dolor posible.

Ahora que hemos analizado algunas razones por las que debería considerar las tiendas Shopify para sus necesidades de comercio electrónico, aprendamos cómo hacer que se carguen lo más rápido posible.

Cómo acelerar el tiempo de carga de la página de Shopify

Cada segundo adicional de tiempo de carga de su página aumenta la tasa de rebote. Aumentar el tiempo de carga de la página de 1 a 3 segundos aumenta la tasa de rebote en un 32%. El aumento del tiempo de carga de la página de 1 a 5 segundos aumenta la tasa de rebote en un asombroso 90%.

Aquí hay algunos métodos para acelerar su tienda Shopify.

Realizar una evaluación del sitio

Google ha enfatizado cada vez más el tiempo de carga de la página como una de sus métricas de SEO. La herramienta PageSpeed ​​Insights de Google es un excelente lugar para comenzar a ver cómo le va a Shopify según los requisitos actuales de Google.

Algunas áreas que Google analiza para el rendimiento del tiempo de carga incluyen:

• Optimización de imágenes

• hojas de estilo CSS

• JavaScript

• Redirecciones

• Almacenamiento en caché del navegador

• Compresión Gzip

La herramienta PageSpeed ​​Insights analiza sitios web para versiones móviles y de escritorio. Es un excelente lugar para comenzar, para ver cómo se muestra su sitio de Shopify para sus clientes.

Google también recomienda otra herramienta gratuita, Test My Site . ¡Nunca puedes tener demasiadas ideas para tu tienda Shopify!

Por supuesto, las ideas solo son útiles cuando son procesables y comprensibles. GtMetrix es otro recurso gratuito que analiza el tiempo de carga de la página de las tiendas. Su sitio recibe un resultado calificado, de A a F. ¡Incluso un niño de kindergarten puede entender esas métricas!

Optimizar para dispositivos móviles con páginas móviles aceleradas

Los usuarios móviles son incluso más exigentes que los navegadores de escritorio en lo que respecta al tiempo de carga de la página. Shopify puede tardar incluso más en cargarse en dispositivos móviles que en computadoras de escritorio, lo que crea un terrible ciclo de comentarios que corre el riesgo de perder a su audiencia.

El 51% de la tasa de rebote de un sitio web tiende a provenir de dispositivos móviles. Eso es más alto que las computadoras de escritorio y las tabletas. Razón de más para implementar páginas móviles aceleradas (AMP). AMP es un marco digital diseñado para acelerar los tiempos de carga de páginas móviles.

Shopify ha recorrido un largo camino en el último año al proporcionar un AMP valioso para la experiencia de comercio electrónico. La solución mejor calificada es AMP de Shop Sheriff, que cuenta con un generoso plan gratuito y le permitirá AMP todos los productos en su tienda sin cargo.

La aplicación AMP también ofrece algunas integraciones notables con funciones específicas de comercio electrónico que incluyen reseñas de productos, un botón "cómpralo ahora" o una opción de agregar al carrito "fija" para una sensación más similar a la de una aplicación. El personalizador de plantillas de AMP by Shop Sheriff le permite obtener una vista previa de los cambios en sus páginas de AMP en tiempo real, lo que hace que sea relativamente fácil modificar y editar sus plantillas de AMP para que coincidan con su marca.

Otra solución popular es FireAMP, que se puede instalar por una tarifa plana. Ambas aplicaciones tienen pruebas gratuitas y un interruptor de encendido/apagado fácil para activar o desactivar AMP para su sitio de comercio electrónico, por lo que puede estar seguro de que se siente cómodo con sus páginas AMPed antes de realizar cambios en su tienda.

Ambas aplicaciones gratuitas cuentan con calificaciones de cuatro estrellas en la tienda de aplicaciones de Shopify. Si desea un enfoque más práctico para optimizar su tienda Shopify para dispositivos móviles, la API de Shopify está disponible para desarrolladores web y de aplicaciones.

Comprime tus imágenes

Shopify admite numerosos formatos de archivo de imagen.

Los formatos de archivo de imagen admitidos por Shopify incluyen:

• JPG
• JPG progresivo
• PNG
• GIF

La optimización de imágenes es una de las formas más sencillas de acelerar el tiempo de carga de la página de tu tienda de Spotify. Además, recuerde no presentar demasiadas imágenes en una página en particular.

Existen numerosas formas de optimizar las imágenes en tu tienda Shopify. TinyPng.com es un recurso web gratuito para optimizar archivos .png y .jpg. Puede reducir el ancho de banda de su sitio web hasta en un 71%.

Sin embargo, TinyPng.com puede resultar en una pérdida de calidad de imagen. Crush.pics es una aplicación gratuita que te permite optimizar tus imágenes sin sacrificar la calidad de imagen.

ImageOptimizer es otra gran aplicación que optimiza imágenes sin perder calidad. Está disponible por una pequeña tarifa mensual.

Usa un tema eficiente

No todos los sitios web necesitan todas las campanas y silbatos imaginables. Si está buscando alojar un sitio de comercio electrónico simple y básico, un tema simple de Shopify debería satisfacer sus necesidades.

Esté atento a los tiempos de carga de la página y la capacidad de respuesta al seleccionar un tema de Shopify. Asegúrese de buscar la última versión . Una vez que haya actualizado a la última versión, asegúrese de revisar la vista previa en vivo para ver cómo se verá en tiempo real.

Mantenga las aplicaciones al mínimo

Cada aplicación que descargas de la tienda de aplicaciones Shopify agrega un poco de código JavaScript/CSS a tu tienda Shopify. Este script se mantiene incluso si no está utilizando la aplicación. Esto puede ralentizar significativamente el tiempo de carga de su página.

Restrinja las aplicaciones que usará al mínimo. Más allá de eso, asegúrese de revisar su lista de aplicaciones de vez en cuando. Elimina cualquier aplicación que ya no estés usando. Esto también debería eliminar el exceso de código.

Reduzca la cantidad de solicitudes HTML

La herramienta de verificación de solicitudes HTTP de GiftOfSpeed ​​analiza cuántas solicitudes HTTP realiza su sitio. Cada solicitud HTTP ralentiza el tiempo de carga de su página.

Algunas formas de reducir las solicitudes HTTP incluyen:

• Combine CSS y asegúrese de que estén todos en línea

• Consolidar todo JavaScript

• Asegúrese de que JavaScript esté en línea

• Mantenga las imágenes de diseño al mínimo

• Hacer sprites de imágenes CSS

• Convertir imágenes a Base64

• Reducir el número de botones para compartir en redes sociales

Compruebe si hay redirecciones y enlaces rotos

Los redireccionamientos y los enlaces rotos pueden tener un impacto muy negativo en el tiempo de carga de su página. Existen numerosas herramientas para verificar redireccionamientos y enlaces rotos.

Para comprobar si hay redireccionamientos:

1. Ve a tu cuenta de administrador de Shopify

2. Vaya a Tienda en línea > Administrador

3. Haga clic en Redireccionamientos de URL

4. Haga clic en Agregar una redirección de URL para agregar una redirección

Los enlaces rotos tienen un impacto aún mayor en el tiempo de carga de la página. Broken Link Checker es un recurso web gratuito que busca enlaces rotos que tengan un impacto negativo en el SEO. Xenu es otro recurso gratuito que puede ser útil para evaluar enlaces rotos en tu sitio de Shopify.

Mantenga un registro de sus códigos de seguimiento con Google Tag Manager

Por lo general, cada sitio de análisis tiene su propio código de seguimiento. Esto puede significar un código separado para Google Analytics, AdWords y etiquetas de remarketing. Esto puede ralentizar el tiempo de carga de su página, con el tiempo.

Google Tag Manager mantiene todas sus etiquetas en un solo lugar. Google Tag Manager puede administrar fácilmente su tienda Shopify .

Use diseños de héroe en lugar de controles deslizantes

Los controles deslizantes también pueden ejercer bastante presión sobre el ancho de banda de su sitio. Los webmasters tienden a agregar de 5 a 6 imágenes de alta calidad por control deslizante. Esto puede provocar un gran retraso en su tienda Shopify.

Si bien los controles deslizantes eran populares hace unos años, recientemente ha habido una reacción violenta. Muchos desarrolladores web aconsejan mantenerse alejados de todos juntos.

Aproximadamente solo el 1% de los usuarios hacen clic en los controles deslizantes. Los controles deslizantes también tienden a molestar a los usuarios . Los controles deslizantes tienen un impacto negativo en el SEO , como un inconveniente final.

En lugar de controles deslizantes, un diseño Hero con una sola imagen y un llamado a la acción es mucho mejor para los tiempos de carga de la página. Dropbox es un ejemplo de un sitio que utiliza un diseño Hero.

Un diseño Hero es una imagen de banner, que generalmente se coloca en la página principal de un sitio web. Es lo primero que verá un visitante cuando visite su tienda Shopify. Un diseño de héroe a menudo presenta los detalles más importantes del sitio.

Verifique la velocidad de su sitio después de cada cambio

Después de cambios significativos en su sitio, es una buena idea ejecutar un análisis de PageSpeed. Obtendrá una idea de lo que funciona y lo que no. Esto ayudará a refinar su desarrollo web, por lo que no perderá tiempo ni recursos.

Si desea información realmente granular, ejecute un análisis de PageSpeed ​​después de cada cambio. Esto le dará una idea de cómo cada cambio afecta el tiempo de carga de su página. También le dará una idea de las métricas a las que debe prestar atención, para que pueda continuar asegurándose de que la tienda Shopify se cargue lo más rápido posible.

Shopify es una poderosa solución de comercio electrónico para personas que buscan poner en marcha su sitio web con un mínimo esfuerzo. ¡Sigue estos consejos para asegurarte de que tu sitio de Shopify funcione a la velocidad óptima, para que tus clientes puedan comprar y navegar sin abandonar el barco!

¿Quiere saber cómo se mide su sitio web?

Dirigir un negocio basado en la web puede ser altamente competitivo.

Afortunadamente, hay más herramientas y recursos para los especialistas en marketing digital que en cualquier otro momento de la historia.

¡Contáctenos hoy para programar una revisión de marketing y ponga su negocio digital en el carril rápido!