Optimizar imágenes en Blogger, para que tu blog abra rápido

optimizar imágenes



Optimizar imágenes en blogger, y al igual que en wordpress u otros sistemas es uno de las acciones que mejora el tiempo de apertura de tu blog.

En el caso de blogger, optimizar imágenes se consigue tocando código con html, y javascript (javascript aletarga el blog, pero por contra, te consigue otras funciones en la estética de tu blog.

En el blog pasado escribí cómo eliminar el javascript que bloqueaba la visualización de la web.

Optimizar imágenes es el segundo paso que te exije Google cuando entras en Page Speed Insights, una forma de hacer auditoria o analizar tu página web en busca de fallos y optimizarla.

Optimizar imágenes para el SEO


Es recomendable cuando subes una imágen para un artículo, que ésta contenga la palabra clave, la encontraras en la etiqueta ALT. Esta etiqueta aparece en la foto que subes cuando le das con la parte derecha del mouse o ratón del ordenador, le das a Propiedades y aparece:

→Titulo del título
→ texto del alt

Google y los rastreadores no leen las imágenes por lo que hay que ponerles esas palabras descriptivas.

¿Es difícil optimizar imágenes?

Las imágenes en la web ocupan mucho espacio, máxime es un tema controvertido, porque tod@s deseamos insertar imágenes para una estética acorde con el blog. Las mismas infografías, en mi caso, tienen mucho peso. Figúrate un blog con 1000 entradas lo que puede suponer lleno de infografías e imágenes con mucho peso.

Cómo mejorar y optimizar imágenes en Blogger

Una de ellas es  TinyPNG. Esta herramienta comprime las imágenes, consiguiéndose reducir el peso de las mismas. Aunque sinceramente no siempre funciona.
Page Speed Insights me indica las imágenes que tengo que reducir o comprimir, con eso, se reducen los bytes de dato y el menor peso.
Entonces manos a la obra.
Otra posibilidad que existe es reducir todas las fotos a un tamaño pequeño y al hacer clic en ellas se agrandan. Es similar a Lightbox de wordpress con la ventaja en este último sistema, que se puede conseguir con un plugin.
Web Resizer es otra opción para reducir imágenes

JPEGmini, para reducir fotos sin perder calidad

Si  tienes que tocar código para reducir imágenes en blogger y aumentarlas después:
Una de las opciones es la que ofrece ciudad blogger utilizando Zoom It. El código simplemente consiste en
ir a Zoom It, insertar la imágen y te facilita un código URL
Posteriormente tendrás que insertar algo así:

<script src="http://zoom.it/XXXXjs?width=auto&height=600px"></script>

Como ves se trata de un script que hace ralentizar la web, pero si deseas ese efecto, tendrás que suprimir otro.
Otra opción muy buena, es reducir al máximo las imágenes y fotos y utilizar el efecto Expando:

El lector, al pasar el cursor por la imágen, ésta se expande como explica Hogar del Bloguer → Expando
Con esta forma tendrás que tocar código en la plantilla de tu página de Blogger, consiguiendo dos efectos:
Que tus imágenes pesen menos
Que los usuarios puedan aumentar, expandir las imágenes.

Imágen cámara de fotos: CongerDesign