Seguro alguna vez has llegado a uno de esos sitios que abres y tienes que esperar lo que parecen siglos para que cargue por completo.

El tiempo de carga de tus sitios web es uno de los aspectos de calidad importantes a la hora de crear tus páginas web, el problema es que la atención (y la paciencia) de las personas se mantiene por muy pocos segundos. Si alguien intenta acceder a tu sitio y éste se tarda en mostrar información útil será un cliente que perdiste, y todo el esfuerzo que hayas hecho para que esa persona llegara a tu página habrá sido en vano. Siendo realistas, los clientes no saben qué está pasando por detrás (y no les importa) ellos sólo encontraron algo que les interesó y van a ver si es realmente lo que están buscando, así que el tiempo de carga es algo de lo que debes ocuparte.

Hay sitios como Google PageSpeed Insights en los que puedes poner el enlace de tu página y hacer el análisis de rendimiento del sitio, incluso te dan sugerencias de cómo mejorar. Vamos a probar con un sitio llamado Serviradar a ver qué resultado nos da, solo tengo que ir al enlace de arriba y digitar el link del sitio a probar. El resultado nos indica que la página tiene un 49% de optimización, está 😦 , pero más importante que el resultado del análisis, porque siempre se puede ser mejor, no lo olvides, es que la herramienta nos da posibles formas de optimizar diferentes aspectos.

poorresult.png

Para nuestro caso de estudio dice que, si quieres mejorar la experiencia de tus usuarios deberías Habilitar compresión, optimizar imágenes, eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página, minificar el JavaScript, especificar caché de navegador, minificar el CSS, minificar el HTML y además te enseña cómo hacerlo. En este caso vamos a trabajar en la optimización de las imágenes para que tu sitio sea mucho más profesional, y para hacer esto contamos con una gran herramienta llamada TinyPNG.

TinyPNG es una herramienta gratuita con la que puedes reducir el peso de archivos de tipo PNG y JPEG, ¿cómo?, TinyPNG toma las imágenes y revisa cuales colores son similares y los combina, esta técnica se llama –quantización- y al usarla se reduce el número de colores, archivos PNG de 24 bits pueden ser convertidos en archivos mucho más pequeños de 8 bits, la diferencia, visualmente hablando, es realmente mínima, pero el tiempo de carga de tu sitio va a mejorar de forma increíble. También tiene una opción en la que si ingresas el enlace a tu sitio hace un análisis de la cantidad de imágenes y que tanto se pueden optimizar, volví a usar Serviradar y el resultado fue que se pueden optimizar las imágenes del sitio en un 59%, te gustaría contarme que dice de tu sitio?.

Screen Shot 2017-11-29 at 3.47.14 PM.png

Tu puedes usar TinyPNG para optimizar tu sitio de varias formas, el más fácil es ir al sitio web y arrastrar la imagen que quieres comprimir hasta el sitio resaltado para esto, y esperar unos segundos para tener la nueva imagen, yo lo hice con una imagen de 1.5MB y el resultado fue una imagen de 250.2KB, wow!! TinyPNG