Optimizar el tiempo de carga de tu sitio web

Muchas personas, cuando crean su sitio web, simplemente se conforman con que sea responsive, de manera que se acomode a las pantallas de los smartphones y tablets. Sin embargo, dejan de lado un gran problema para estos aparatos: El tiempo de carga.

Como optimizar el tiempo de carga

¿Por qué es importante optimizar el tiempo de carga?

  • UX: La experiencia de tus usuarios debe ser la mejor. A nadie le gusta esperar una eternidad para que una página cargue.
  • Ingresos: Que tu web cargue rápido influye mucho en tus ingresos. Si son por publicidad, tus anuncios cargarán rápido y podrán ser vistos. Si ofreces servicios, es probable que des una mejor impresión a tus potenciales clientes.
  • SEO: Google toca muy en cuenta esta métrica a la hora de posicionar páginas. Si tu web tarda mucho en cargar, es probable que no la incluya entre los primeros resultados.

Ahora viene una pregunta aún más importante:

¿Cómo optimizar el tiempo de carga?

  • Display:none. Es recomendable usar la mínima cantidad de veces este atributo. ¿Por qué? Porque es algo que el usuario no va a ver, y aun así está descargando.
  • Evita los redireccionamientos.
  • Optimizar el número de elementos en el DOM. Dos simples razones: Entre más elementos, más tardará en cargarse. Además, que si utilizamos un evento handler, tendrá que buscar entre más elementos del DOM para poder encontrarlo.
  • Une todos los CSS en un solo archivo. Cargar todo el CSS afecta menos el tiempo de carga que el hecho de tener que hacer más de una petición para poder traer los múltiples archivos.
  • Utiliza plugins caché. O añade un expires header. Esto permite que se utiliza el contenido caché hasta una fecha “marcada”. Así los usuarios que vuelvan tardará menos en cargarle la página.
  • Archivos CSS en el head y los JavaScript después del body.
  • CSS y JavaScript en archivos externos. Nunca está de más decirlo. ¿Por qué? Porque si son externos, pueden ser guardados por la caché.
  • Utiliza minificadores para los archivos CSS y .js. Aunque no lo creas, es una gran optimización, ya que elimina comentarios, espacios en blanco, saltos de línea. En otras palabras, menos líneas que cargar.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Your browser is out of date. It has security vulnerabilities and may not display all features on this site and other sites.

Please update your browser using one of modern browsers (Google Chrome, Opera, Firefox, IE 10).

X
Paste your AdWords Remarketing code here