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.