Cómo mejorar la velocidad de una web

En el día de hoy empezaré una serie de artículos en los que voy a hablar de la optimización de sitios web o WPO (Web Performance Optimization), iremos viendo como mejorar la velocidad, como detectar el problemas del tiempo de carga, fallos más comunes, como afecta al posicionamiento en buscadores… En resumen entender el contexto de la optimización, un tema que se ve afectado por demasiados factores y no tenemos demasiado en cuenta en el día a día, siendo uno de los pilares fundamentales de la web.

¿Por qué es importante la optimización web?

Muchas veces cuando hacemos una web, no nos damos cuenta que lo más importante es crear una sensación acogedora para el usuario, mejorando el tiempo de carga conseguimos una mejor experiencia de usuarios y unos usuarios felices :D. También es muy importante a la hora del posicionamiento, los buscadores ya implementan en sus algoritmos el tiempo en el que una web tarda en enviar su primer byte (TTFB - Time To First Byte), así que si eres más rápido que la competencia tienes más "puntos" para estar en los primeros puestos.

¿Qué influye en la velocidad de carga de una web?

Cuando decimos que una web carga lenta se pueden ver afectados muchos factores por eso voy a clasificarlo en 3 bloques:

  • Front-end
  • Back-end
  • Servidor

en los que vamos a ver a través de una serie de artículos todos los puntos importantes que tenemos que tener en cuenta a la hora de mejorar la velocidad de nuestra web, listados a continuación:

Front-end (Mucho más fáciles de identificar)

Minificar Javascript y CSS

Es buena practica pero a la hora, aunque ralentizar no afecta mucho pero todo suma y no nos cuesta nada.

Unificar Javascript y CSS

Si no estamos usando HTTP/2 es una buena opción para evitar muchas peticiones para solicitar los recursos.

CSS con muchos imports

Llegan a afectar mucho la velocidad de la web.

Orden de los css y javascript (Para que no bloqueen la carga de la web)

Excepto en casos excepcionales todo el JS debería cargarse antes de