Antes de empezar con la optimización de la velocidad del sitio web 101...
Este artículo forma parte de una serie de artículos de atmosol sobre optimización de la conversión en comercio electrónico centrados en la velocidad del sitio web. Google le da una gran prioridad a la hora de decidir el lugar que ocupa el sitio web en los resultados de búsqueda. También se sabe que tiene un impacto significativo en la conversión, pero no se fíe sólo de nuestra palabra. He aquí algunas estadísticas de los líderes del sector.
- El 53% de los visitantes de sitios móviles abandonarán una página si tarda más de tres segundos en cargarse (Akamai). ¡Esto es como perder a más de la mitad de tus visitantes por un retraso de 3 segundos!
- Alrededor del 70% de las personas afirman que la velocidad de una página afecta a su disposición a comprar en un comercio en línea (UNBOUNCE)
- Mejorar el tiempo de carga en 0,1 segundos puede aumentar las tasas de conversión en un 8%.(Google/Deloitte)
- Si un sitio de comercio electrónico carga más despacio de lo esperado, más del 45% de las personas admiten que es menos probable que realicen una compra (UNBOUNCE)
- Un retraso de dos segundos en la velocidad de la página puede aumentar las tasas de rebote en un 103% (AKAMAI)
- La mitad de los consumidores buscan productos/servicios en sus smartphones, mientras que sólo uno de cada cinco completa las compras utilizando esos teléfonos(Informe de Rendimiento del Comercio Online de Akamai).
- La página web media tarda un 87,84% más en cargarse en el móvil que en el escritorio(Backlinko).
Cómo medir la velocidad de un sitio web
Si no está seguro de si la velocidad de su sitio web está a la altura, puede utilizar herramientas como Google Pagespeed Insights Speeds para comprobar la velocidad de su sitio web. Estas herramientas codificarán por colores y le darán información sobre la aceptabilidad de la velocidad de sus sitios web, al menos para SEO. Y es de suponer que esas son también las velocidades que quieren sus clientes.
Optimizar la velocidad del servidor
La optimización del servidor de comercio electrónico puede lograrse optimizando la configuración de la plataforma y optimizando la infraestructura en la que está instalada la plataforma. En este contexto, la plataforma y la aplicación seleccionadas dictan qué tipo de optimización es necesaria y posible
Plataformas de código abierto
Las plataformas de código abierto como Magento o WooCommerce proporcionan el servidor y el cliente necesarios para crear una tienda. Las empresas alojan la infraestructura necesaria in situ o en un servidor de terceros y deciden el tamaño de la infraestructura en función de sus necesidades. En este caso, es necesario que la empresa optimice tanto la infraestructura como la configuración, lo que proporciona a las empresas el máximo control, pero también una mayor responsabilidad.
Plataformas SaaS para optimizar la velocidad de los sitios web
Las plataformas SaaS como BigCommerce y Shopify también proporcionan el servidor y el cliente, pero el servidor lo alojan las empresas de la plataforma y todas las tiendas de esas plataformas se alojan en una infraestructura compartida. Esto significa que las empresas sólo necesitan y pueden optimizar las configuraciones y no la infraestructura subyacente. Esto puede parecer menos control, pero salvo en muy pocos casos, estas plataformas ofrecen un nivel de rendimiento muy alto.
A continuación se presentan algunas configuraciones del lado del servidor que son comunes para las plataformas de comercio electrónico para la optimización de la velocidad del lado del servidor y del sitio web.
Indexación
La mayoría de las plataformas tienen ajustes sobre la frecuencia con la que se indexan los datos para que las consultas puedan ejecutarse más rápidamente. Si las búsquedas parecen lentas, éste podría ser el primer lugar donde comprobarlo.
Caché en el servidor para acelerar el comercio electrónico
El almacenamiento en caché del lado del servidor almacena en caché los datos más solicitados en el servidor para no tener que recuperarlos del almacén de datos. El software de terceros, como Redis o Varnish, a veces forma parte de las plataformas y puede activarse.
Log-Rotation
Otro motivo de ralentización del servidor o incluso de caída es la configuración incorrecta de los registros, ya sean registros en su base de datos o simplemente registros de la propia plataforma.
Optimizar la latencia de la red del servidor al cliente
Un número significativo de optimizaciones en tiendas de eCommerce que se realizan habitualmente son de este tipo. La idea es reducir el número de peticiones que el navegador tiene que enviar al servidor y reducir el tamaño de las respuestas que recibe del servidor. A continuación se indican algunas de las optimizaciones de red más comunes.
Comprimir y optimizar imágenes
Las imágenes suelen ser la mayor parte del tamaño de los datos que hay que transferir a un sitio web de comercio electrónico. Se pueden comprimir con una herramienta gratuita en línea, como Compressor.io. Es la mejor manera de conseguir más espacio en su sitio web sin comprometer la calidad de la imagen. Los formatos de imagen modernos, como WebP, también pueden utilizarse para reducir el tamaño en función de la compatibilidad de la plataforma. Por último, asegúrese de que las imágenes tienen el tamaño adecuado para el uso previsto.
Reducir y comprimir código
La minificación reduce el tamaño de su código eliminando caracteres innecesarios para reducir el tamaño. El código puede comprimirse aún más para reducir su tamaño. La mayoría de las plataformas soportan minificación y compresión de forma predeterminada y esto es sólo una configuración.
La velocidad de los sitios web de comercio electrónico se multiplica tras la implementación de este paso de optimización.
Carga diferida
Cargar los archivos sólo cuando es necesario ofrece al usuario de la tienda la posibilidad de interactuar con ella antes de que todo esté cargado. Por ejemplo, el código que no se necesita hasta que el usuario realiza alguna acción y las imágenes que no son visibles inmediatamente en la primera página pueden aplazarse para mejorar la velocidad de la primera carga.
Utilizar la agrupación
La agrupación es el proceso de reducir el número de peticiones del cliente al servidor enviando varios archivos de una sola vez. Optimizar cuidadosamente la agrupación en función de los patrones de uso de cada página puede mejorar la velocidad. Una vez más, suele tratarse de un ajuste de la plataforma.
Utilizar el caché del navegador para mejorar la velocidad del sitio web
Los almacenes pueden configurarse para que el navegador almacene en caché algunos de los archivos que descarga de su servidor. Establecer una caducidad de la caché basada en la frecuencia con la que espera que cambien los archivos puede mejorar significativamente la velocidad cuando un usuario visita su tienda más de una vez.
Utilice una red de distribución de contenidos (CDN)
Las redes de distribución de contenidos (CDN) se utilizan para entregar contenidos estáticos y aplicaciones web a los clientes. Almacenan copias de su contenido estático, como imágenes, fuentes, archivos JavaScript y hojas de estilo CSS, en varios servidores distribuidos geográficamente por Internet. Esto reduce la latencia y aumenta la velocidad de entrega de los contenidos. Para ello existen varias redes de entrega de contenidos como Akamai, Verizon y Fastly.
No olvide integrar el uso de una CDN en su estrategia de optimización de la velocidad de su sitio web.
Optimizar la velocidad del cliente para la representación de contenidos
Los datos que se recuperan del cliente deben interpretarse y mostrarse en el navegador. En el caso de la mayoría de las plataformas que ofrecen un cliente (o frontend) por defecto, esto se consigue seleccionando cuidadosamente los componentes añadidos, como temas y extensiones, en función de su rendimiento. Sin embargo, es posible que el propio código cliente proporcionado por la plataforma esté ralentizando el sitio en algunos escenarios. Las plataformas se construyen para soportar un amplio conjunto de funcionalidades y, por lo general, cargan funcionalidades independientemente de si una tienda concreta las necesita. Si esto es necesario para su tienda, podría ser el momento de explorar headless.
Si usted es una empresa que busca un socio para la optimización de la velocidad de su sitio web, no dude en ponerse en contacto con nosotros.