11 formas de optimizar la velocidad de su sitio de comercio electrónico

Como empresa de comercio electrónico, optimizar el rendimiento de su sitio debe ser una de sus principales prioridades.

Esto se debe a que sus conversiones se ven directamente afectadas por la rapidez con la que se cargan sus páginas. Los consumidores de hoy esperan sitios increíblemente rápidos. Si su tienda en línea es lenta por cualquier motivo, corre el riesgo de perder clientes y, en última instancia, ingresos.

De hecho, perderá el 20% de sus visitantes si experimentan un retraso de 3 segundos en el tiempo de carga de la página, según un estudio de 2016 del Aberdeen Group.

¿Que tan rápido es rápido? En promedio, los sitios web minoristas globales que operaron en 2017 entre el Black Friday y el 3 de enero estuvieron visualmente completos y listos para usar en 2,5 segundos, según la firma de gestión del rendimiento digital Dynatrace.

A continuación, se muestran algunas formas clave de asegurarse de que su sitio esté optimizado para la velocidad:

1. Limitar el número de búsquedas de DNS

Cada vez que se carga su sitio de comercio electrónico, el navegador debe encontrar la dirección IP que corresponde a su nombre de dominio. Esto se llama búsqueda de DNS (sistema de nombres de dominio).

El navegador necesita buscar su dominio principal, así como cualquier dominio en su página que provenga de una fuente externa, como un feed de Twitter o un video de YouTube incrustado. Por lo tanto, reducir la cantidad de consultas a fuentes externas en su sitio minimizará las diferentes búsquedas de DNS que el cliente necesita realizar, lo que podría retrasar la carga inicial de la página. En lugar de hacer hipervínculos a imágenes, por ejemplo, podría alojarlas en su servidor.

También puede buscar un proveedor de DNS más rápido, cambiar los valores TTL (tiempo de vida) para aprovechar el almacenamiento en caché de DNS o mover tantos recursos como sea posible a una red de entrega de contenido (más sobre esto más adelante).

2. Invierta en mejores búsquedas de alojamiento web

El alojamiento web confiable y rápido es un factor crítico en la velocidad de su sitio. Y no todos los servidores web son iguales. Querrá encontrar un servicio que pueda manejar grandes picos en el tráfico web y las transacciones (como durante el lanzamiento de un gran producto o el período de Black Friday a CyberMonday).

No hay peor destino para un sitio de comercio electrónico que ser inaccesible para los visitantes. Un buen servicio de alojamiento garantizará un tiempo de actividad del 99,5% o superior. Un host premium promete un tiempo de actividad de hasta el 99,99%.

Sin lugar a dudas, querrá una certificación SSL y una dirección IP dedicada.

3. Comprime tus fotos

Las imágenes representan el 50-75% del peso total de su sitio web, pero sorprendentemente, alrededor del 45% de los 100 principales sitios de comercio electrónico no se molestan en comprimir sus imágenes. Ellos deberían y tú deberías. Puede optar por la compresión sin pérdida que reduce el tamaño de su archivo sin cortar la calidad.

Siempre debe establecer las dimensiones de la imagen en su código para que el navegador no tenga que esperar a que la imagen se procese por completo antes de pasar a otros elementos de la página. Simplemente dejará una caja con las dimensiones preestablecidas y seguirá trabajando para cargar el sitio.

Comprima sus imágenes dentro de Photoshop o use un compresor de imágenes como TinyPNG o Kraken.io.

4. Dar prioridad a la carga por encima del pliegue

Dado que la parte superior de su sitio será lo primero que vean sus visitantes, tiene sentido que todo lo que esté "en la mitad superior de la página" se cargue más rápido que el resto del sitio web. Otro término para este proceso es carga lenta. Es particularmente útil para acelerar los sitios web de una sola página con muchas imágenes, que se han convertido en una opción de diseño popular para muchas marcas.

Para obtener instrucciones sobre cómo habilitar la carga diferida, vaya aquí.

5. Guarde su página en caché

En lugar de obligar a un usuario a descargar todos los componentes de cada página en cada visita, el almacenamiento en caché permite que el navegador almacene en caché los elementos globales, por lo que solo los elementos nuevos requerirán una solicitud del navegador.

El almacenamiento en caché acelera el tiempo de carga porque los elementos de la página, como los índices de búsqueda del sitio, la información del catálogo, la información del usuario, los bloques de la barra lateral, las instrucciones de diseño y los archivos de traducción, se almacenan en el navegador. Por lo general, estos elementos permanecen iguales en todas las páginas, por lo que no es necesario que el navegador solicite estos recursos cada vez que el visitante hace clic en una nueva página.

Para habilitar el almacenamiento en caché del navegador, debe editar sus encabezados HTTP para establecer tiempos de vencimiento más largos para ciertos tipos de archivos. A continuación, se muestran algunas recomendaciones de los desarrolladores de Google.

6. Reducir las solicitudes HTTP

Aproximadamente el 80% del tiempo de respuesta del sitio web se dedica a descargar elementos para la interfaz, como imágenes, hojas de estilo, scripts, elementos Flash, etc. Reducir la cantidad de elementos reduce la cantidad de solicitudes HTTP que se necesitan para renderizar completamente la página. .

La forma más sencilla de hacerlo es simplificar el diseño de su sitio web. Pero esa no es una opción viable en muchos casos. Puede usar sprites CSS y mapas de imágenes para combinar varias imágenes en una sola imagen y, por lo tanto, reducir la cantidad de solicitudes de imágenes. También puede combinar todas las hojas de estilo en un solo archivo y combinar todo el CSS en una sola hoja de estilo.

7. Utilice la compresión Gzip

Cuando un visitante visita su sitio, se realiza una solicitud a su servidor para entregar los archivos. Tiene sentido que cuanto más grandes sean los archivos, más tardará en llegar a su navegador.

La compresión Gzip permite que su servidor comprima los archivos del sitio antes de devolverlos al navegador, lo que reduce drásticamente el tiempo de transferencia. De hecho, gzip puede reducir el tamaño de las páginas y hojas de estilo en un 90%.

La compresión se habilita a través de la configuración del servidor web. Cada servidor web tendrá diferentes instrucciones. Siga este tutorial de Google para obtener más detalles.

8. Aproveche una red de distribución de contenido

Si tiene una empresa de comercio electrónico global con visitantes de todo el mundo, definitivamente debería utilizar una red de distribución de contenido para optimizar el rendimiento de su sitio. Una CDN funciona distribuyendo nodos de servidor por todo el mundo para que los visitantes de su sitio puedan descargar recursos almacenados en caché en el nodo más cercano a ellos, mejorando la eficiencia y reduciendo la latencia de carga.

Los proveedores de CDN cuentan con conductos de red más grandes, más servidores ubicados en todo el mundo y capacidades de interconexión de redes de las que probablemente tenga. Además, cuentan con equipos dedicados que monitorean y optimizan constantemente su infraestructura.

Seleccionar el CDN correcto puede ser complicado. Empiece con esta guía.

9. Minifica tu código

La minificación es el proceso de eliminar todos los caracteres innecesarios, como espacios en blanco y líneas, de su código fuente sin afectar su funcionalidad, lo que permite que los navegadores carguen las páginas más rápido. El proceso involucra archivos HTML, CSS y JavaScript, y puede marcar una gran diferencia para acelerar los tiempos de carga. La minificación reduce tanto el tamaño de sus archivos como la cantidad de archivos necesarios.

Siga estos recursos para limpiar su código y facilitar que los navegadores rendericen su página.

10. Utilice carga asincrónica

Cuando un navegador carga una página, se mueve de arriba hacia abajo. Puede acelerar las cosas permitiendo que sus scripts como CSS y Javascript se carguen simultáneamente. A esto se le llama carga asincrónica. Si sus scripts se cargan sincrónicamente, se cargan en el orden en que aparecen en la página, lo que puede ser un proceso más lento.

Siga esta guía para obtener una comprensión básica de cómo habilitar la carga asincrónica.

11. Controle continuamente la velocidad de su sitio

Por último, terminaremos donde comenzamos: debe hacer que el rendimiento del sitio sea una prioridad todos los días. Eso significa que debe monitorear constantemente su sitio para detectar problemas y buscar formas de optimizar la velocidad y la eficiencia.

PageSpeed ​​Insights de Google ofrece una buena herramienta para analizar la velocidad de su sitio en dispositivos móviles y computadoras de escritorio.

Otra excelente herramienta para examinar la velocidad del sitio está disponible en Pingdom.

Recuerde esa regla general: por cada segundo que su sitio tarde en cargar, perderá el 10% de sus visitantes. Ay.