Dado que la vida cotidiana es cada vez más rápida en general y que los visitantes en línea no suelen tener mucha paciencia, este artículo le será muy útil si su sitio web no carga lo suficientemente rápido.
Si quieres acelerar la carga de tu sitio web, debes tener en cuenta lo siguiente:
- Aumento del tráfico del sitio web
- Tasas de conversión más favorables
- Mayor participación = mayor retención
¿Qué importancia tiene el tiempo de carga de un sitio web?
Hoy en día los clientes tienen poca paciencia con los sitios web que se cargan lentamente o se comportan de forma extraña.
Aproximadamente la mitad de los visitantes online, según un estudio de Akamai, quieren que un sitio se cargue en dos segundos o menos.
Incluso si está dispuesto a esperar más de 3 segundos en un sitio web para una determinada cuestión, el hecho de que la experiencia sea deficiente acabará dando la oportunidad de negocio a uno de sus rivales. Puede que piense: “Qué impaciente es la gente”, pero así somos todos.
Éstas son justificaciones suficientes para ignorar el hecho de que su sitio web es lento y aligerarlo para no obstaculizar el objetivo principal: atraer y convertir posibles clientes.
Algunos de los pasos que debes dar pueden ser un poco técnicos, pero no deberían ser demasiado difíciles:
1. Elimina los carruseles y atracciones similares
Hace unos años, quizá alrededor de 1990, era maravilloso ver un carrusel con cientos de fotos con la idea de que el espectador se enterara de todo lo que hacíamos, incluidas ofertas y promociones especiales, mientras se acercaba a un sitio web.
El usuario tiene que saber lo que usted ofrece y cuál es la llamada a la acción específica del área a la que ha accedido, por lo que en algunos casos muy concretos podría estar justificado.
Si determinas que tu sitio web es el que necesita un carrusel, no sobreescribas las fotos con texto; en su lugar, sé explícito y coloca la acción que el usuario tiene que realizar.
2. Utiliza tu fuente web favorita de Google Fonts
La tipografía de una página web puede inspirar a los usuarios a permanecer en ella. Los temas web siempre están evolucionando.
Afecta a varios sitios por las siguientes razones:
El usuario debe esperar unos segundos más mientras se descarga la fuente única que has elegido y las palabras de tu sitio web no se pueden leer.
Para evitarlo, Google Font incorporó una función. Como resultado, al utilizar una fuente de Google, se añade automáticamente lo siguiente: &display=swap.
Todo el contenido de su sitio web se muestra primero en una fuente temporal hasta que el usuario descarga la fuente definitiva, momento en el que se altera. Esto ocurre en unos pocos microsegundos.
3. Reduce el peso de todas sus fotografías
Afirman que siempre hay una pérdida de calidad y que puede haber una pérdida menor, pero según su sector, el usuario no elige las fotografías cuando hago un comentario sobre este tema, lo que suscita un debate.
Ahora bien, no digo que no debas usarlas; al fin y al cabo, son una herramienta que te permite romper la lectura y, en muchos casos, dar contexto o una perspectiva más amplia.
Las personas verdaderamente interesadas valoran la claridad y la sencillez de leer lo importante, que suele ser un texto o un vídeo. Sin embargo, si utilizas imágenes para minimizar los espacios en blanco, frena el afán de saturación.
Utilizar las dimensiones mínimas necesarias es ventajoso para optimizar las fotos. El hecho de que las proporciones sean variadas es un inconveniente, aunque puedan reducirse a la vista del usuario.
4. Utilice imágenes o iconos con formato svg
Puede pedir que los vectores se guarden en formato svg, lo que puede ayudarle a reducir su dependencia de las fotos. Algunos de ellos suelen tener un color más claro que si utilizas png.
5. Posponga la carga de fotografías o vídeos que aún no se hayan visto
Un método llamado carga diferida pospone la descarga de recursos no esenciales mientras se descarga una página.
Estos recursos opcionales sólo se cargan cuando son necesarios.
“No esencial” en el contexto de fotos y vídeos suele significar “fuera de pantalla”.
6. Elimine los estilos y el código no utilizado
Típicamente, sólo un archivo css se hace durante el desarrollo de un sitio web, y este archivo contiene todos los estilos para cada parte.
Si usted emplea los mismos componentes en todo su sitio, esto no es algo terrible.
La página principal, sin embargo, generalmente se desvía de los diseños de las otras páginas, por lo tanto en ese caso necesita crear un archivo de estilo separado sólo para la página principal.
Para ver un poco sobre nuestro contenido visita el blog