Hoy continuamos con el audio de hace dos días, y avanzamos en optimizaciones de imágenes y en minificación.

ENLACES:

* EWWW Image Optimizer: https://es.wordpress.org/plugins/ewww-image-optimizer/

* Force Regenerate Thumbnails: https://es.wordpress.org/plugins/force-regenerate-thumbnails/

* Autoptimize: https://es.wordpress.org/plugins/autoptimize/

Música del grupo The Easton Ellises del álbum Nightwavs que podéis descargar desde Jamendo y que se distribuye como licencia Creative Commons.

[showhide type=”transcripcion” more_text=”Ver transcripción(%s más palabras)” less_text=”Esconder transcripción (%s menos palabras)”]

Transcripción

Hola a todos, esto es Radio WordPress.com, un podcast dedicado a todos aquellos que de una manera u otra convivimos con WordPress.

Mi nombre es Eduardo Collado y juntos vamos a explorar el capítulo de hoy.

—MÚSICA—

El otro día nos quedamos a medias de muchas cosas, el tiempo se nos echó encima, así que vamos a continuar ampliando el contenido del capítulo anterior, 10 minutos no siempre son suficientes.

En el capítulo 3 nos dejamos cosas sin comentar como por ejemplo la optimización de imágenes y la regneración de miniaturas o thumbnails. Estas cosas cosas obviamente no las necesitamos el primer día con la instalación, pero sí que tenemos que tenerlo previsto desde el primer día.

Si la minificación sirve para comprimir y optimizar los css y javascript la optimización de imágenes es fundamental para que nuestro WordPress no tenga un peso excesivo, recordemos que para que la web cargue rápida uno de los factores fundamentales es que no tenga un peso excesivo. Si nos dedicamos a subir imágenes enormes de 4 ó 5 megas nuestro WordPress será muy pesado y tardará mucho en cargar o incluso no llegará a cargar.

A día de hoy con la oferta comercial que existe en las conexiones de fibra óptica residencial que puede llegar hasta 500 mbps simétricos el ancho de banda no es problema, pero además de tener visitantes que nos visiten desde una conexión de ese estilo también tenemos visitantes que nos visitan desde conexiones mucho más limitadas, pensad en alguien navegando con el móvil en el tren con la cobertura yendo y volviendo todo el rato, y ese porcentaje de visitas cada día es mayor, para nada se trata de un público residual.

Optimizar las imágenes significa dos cosas, la primera es no utilizar imágenes exageradamente grandes, lo normal es que en una entrada de WordPress no necesitemos imágenes de 10.000 x 10.000 pixels, sino a lo mejor de 800 x 600, para eso antes de subir la imagen tenemos que asegurarnos de que el tamaño corresponda con algo razonable.

—MÚSICA—

Otra cosa antes de subir es comprobar que nuestra foto no pesa 20 megas, sino que tenga un tamaño aceptable, rara vez una imagen tendrá más de 200 o 300 kas.

Y luego que la calidad del jpg o del png sea la aceptable.

Es de entender que nuestros usuarios a lo mejor no son capaces de hacer ciertas cosas, quizás saber si la imágen que están subiendo tiene 10.000 pixels sí, pero no de cuantos pixels por pulgada usan o de la calidad de la imagen. Para ello podemos utilizar scripts en el propio servidor para optimizar las imágenes que nuestro cliente ha subido, pero necesitamos acceso ssh y conocimientos de shell de Unix y a lo mejor no es el caso.