Dentro de mi objetivo de llegar a 100/100 en Pingdom mi sitio y en ese camino aprender a optimizar y tener un sitio rรกpido, seguro y confiable, me tope con la necesidad de optimizar mis imagenes, y sobre todo comprimir las imagenesย ย de acuerdo al tamaรฑo que se requieran, esto es a razรณn de que las fuentes mas comunes para los blogger son:
- Imรกgenes de la red como GOOGLE IMAGES
- Fotografias de un celular o de una cรกmara digital
- Imรกgenes o fotos de un servicio o banco de imรกgenes comoย https://pixabay.com/es/
Mi tip de WordPress es como lograr un mejor manejo de imagenes en tu wordpress sin tener que usar Photoshop u otro editor.
Cabe mencionar que hay dos temas que debemos entender primero y es la diferencia entre compression y resize, ya que esto puede ser uno de los puntos que surgan mas utilizando herramientas de monitoreo de optimizaciรณn de tu sitio como Googleย PageSpeed Insights,ย por lo que hay que optimizar ambos el tamaรฑo de la imagen ย y ajustar los tamaรฑos a la medida ideal del sitio, en pocas palabras necesitamos que la imagen este comprimida y del tamaรฑo ideal, para evitar que sea cargue una imagen mas grande y luego se reduzca por software.
Optimizar imรกgenes
Esta regla se activa cuando PageSpeed Insights detecta que las imรกgenes de la pรกgina se pueden optimizar para reducir su tamaรฑo sin afectar significativamente su calidad visual.
Recorta imรกgenes.
Es el uso de las imรกgenes en el tamaรฑo exacto para lo que lo necesitamos, tal es el caso de las minuaturas y de las imรกgenes recortadas o Thumbnails que forman parte de nuestro blog, estas ย se realicen
Para empezar usaremos EWWW Image Optimizer
El plug-in EWWW Image Optimizer utiliza las herramientas jpegtran , OptiPNG , PNGOUT , โโy gifsicleย para la ย compresiรณn de imรกgenes . El inconveniente es que utiliza la CPU de su servidor para realizar la compresiรณn, por lo que les sugerimos hacerle en su propia cuenta hospedada de WordPress, ย la realizaciรณn de las compresiones de imagen basadas en servidor reduce la cantidad de recursos del servidor que estรกn disponibles para sus visitantes . EWWW Image Optimizer tambiรฉn requiere la funciรณn php exec () para que revisen que su host tenga activada esta posibilidad.ย .
ยฟQue ventajas tendremos?
- Sus pรกginas se cargan mรกs rรกpido. Pequeรฑos tamaรฑos de imagen significa cargas de pรกginas mรกs rรกpido. Esto harรก que sus visitantes felices, y puede aumentar los ingresos.
- Las copias de seguridad mรกs rรกpidas.ย Imรกgenes pequeรฑasย tambiรฉn significa copias de seguridad mรกs rรกpidas.
- Menos uso de banda ancha. La optimizaciรณn de sus imรกgenes le puede ahorrar cientos de KB por imagen, lo que significa mucho menos ancho de banda.
- Sรบper rรกpido. El plug-in se puede ejecutar en tuย ย propio servidor.
- Puede optimizar cientos de imรกgenes en tan sรณlo unos minutos.
- Mejor optimizaciรณn JPG. Con la integraciรณn TinyJPG.
- Mejor optimizaciรณn PNG. Puede utilizar pngout, OptiPNG, y pngquant conjuntamente. Y si eso no es suficiente, pruebe la opciรณn PNG con pรฉrdida impulsado por TinyPNG.
- No es necesario el acceso root los binarios pre-compilados se ponen a disposiciรณn para instalar directamente dentro de la carpeta de WordPress, y se proporciona la optimizaciรณn de la nube para aquellos que no pueden ejecutar los binarios a nivel local.
- Optimizar todo con la extensiรณn de clase wp_image_editor, y la capacidad de especificar sus propias carpetas para scannear, cualquier imagen en WordPress puede ser optimizado.
Una de las grandes ventajas es la optimizaciรณn en masa de todas las imรกgenes que ya se tienen cargadas en tu galerรญa de medios creo que es una gran ventaja y muy sencillo.
En pocas palabras este es un Plugin que debe de estar en tu WordPress, y mejorar la optimizaciรณn de tu sitio web.