5 acciones para la optimización web

5 acciones para la optimización web

La optimización web es un tema que preocupa a todos los desarrolladores. ¿Cómo mejorar el rendimiento de un sitio para mejorar la experiencia del usuario? Hay acciones que podemos realizar en ese sentido. Repasamos cinco de ellas.

 

1- Optimización de imágenes

Cuanto mejor tratadas estén en tamaño y calidad, más rápido cargará una web. Debemos cerciorarnos de no utilizar imágenes superiores a las que realmente necesitamos. Es probable que no precisemos fotografías mayores a 1024 píxeles de ancho, por tanto es innecesario subirlas en ese tamaño.

Esto vale aclararlo porque los móviles actuales y las cámaras réflex sacan a una muy alta resolución. A veces, con tratarlas podemos lograr imágenes buenas de 70 a 150 KB.

  1. Contenido ‘scrollado’

Se conoce como LazyLoad y es la técnica para evitar mostrar cierto tipo de contenido (imágenes, vídeos, frames) hasta que no lleguemos a él mediante scroll.

Es decir, todo ese contenido que se encuentra fuera del área visible del site cuando iniciamos la navegación no es cargado. Solo se cargará cuando lleguemos mediante scroll.

Esto nos hará ganar tiempo y mejorar la experiencia de usuario, sobre todo en móviles.

  1. Huir de los hosting baratos

La web es nuestra carta de presentación. Por eso, los hosting baratos o gratuitos no son la mejor opción. Además, el costo de un buen hosting es mínimo. Resulta ideal escoger uno que ofrezca la última tecnología, como almacenamiento SSD, PHP7, HTTP/2 o SSL.

4. Revisión de base de datos

Con el paso del tiempo, la base de datos se puede llenar de archivos innecesarios. Es bueno revisarla cada tanto para, por ejemplo, vaciar la papelera, controlar los plugins que ya no utilizamos o gestionar comentarios spam.

5. Recurrir a una CDN

El tiempo de carga es mayor cuanto más lejos está el servidor de origen. Un visitante de Madrid que trate de acceder a una web alojada en Australia tendrá un tiempo de espera prolongado.

Una CDN minimiza el problema ya que servirá el contenido estático (imágenes, CSS, JS) en múltiples servidores a lo largo del mundo.