Optimizar imagenes para wordpress

Optimizar las imágenes en wordpress sin necesidad de un plugin

Según el archivo HTTP, el tamaño de los archivos de una página web media es de aproximadamente un 50% de imágenes, ¡y la página media utiliza la friolera de 26 imágenes! Encontrar una manera de optimizar y reducir esas imágenes puede pagar enormes dividendos para los tiempos de carga de su sitio.

En este artículo, vamos a mostrarte cómo optimizar todos los aspectos de las imágenes de WordPress. Vamos a cubrir nueve consejos clave para ayudarle a optimizar las imágenes de su sitio para el rendimiento, SEO, la accesibilidad, y sólo la experiencia del usuario en general.

Si subes imágenes con dimensiones que son significativamente más anchas que el área de contenido de tu sitio web, no estás obteniendo ningún beneficio en la calidad de la imagen, pero estás incrementando en gran medida el tamaño del archivo de la imagen. En igualdad de condiciones, una imagen de 3.000 px de ancho tiene un tamaño de archivo mucho mayor que una imagen de 1.000 px de ancho.

En pocas palabras, querrá utilizar JPEG para fotografías u otras imágenes realistas y coloridas, mientras que PNG puede ser una buena opción para capturas de pantalla de la interfaz, iconos, imágenes con mucho texto u otras imágenes en las que necesite transparencia.

Por término medio, la conversión a WebP puede reducir el tamaño de las imágenes JPEG en un 25-34% y las PNG en un 26%. WebP también tiene las mejores partes de JPEG y PNG: puedes utilizarlo para fotografías sin que el tamaño de los archivos sea enorme, pero también admite transparencias como las imágenes PNG.

Mejor plugin de optimización de imágenes wordpress 2021

GTmetrix y PageSpeed Insights muestran algunas optimizaciones de imágenes, pero no todas. Este tutorial te ayuda a optimizar las imágenes en WordPress para que carguen lo más rápido posible. Incluye todo, desde WebP a ShortPixel, imágenes adaptativas, sirviéndolas a través de un CDN, y dimensionando adecuadamente las imágenes.

Muchos programas de edición de imágenes (Photoshop y GIMP) permiten optimizar las imágenes antes de subirlas. Por ejemplo, permiten recortar/redimensionar las imágenes a las dimensiones adecuadas, comprimirlas y eliminar los datos EXIF. Aprovecha estas optimizaciones realizadas por tu programa de edición de imágenes.

También me gusta utilizar los informes heredados de GTmetrix porque te muestran los errores de las dimensiones de las imágenes especificadas, así como los errores de tamaño de las imágenes con las dimensiones correctas, mientras que el nuevo informe no lo hace. Para esas optimizaciones específicas, utilice el informe heredado de GTmetrix. Tendrá que crear una cuenta gratuita de GTmetrix e ir a cuenta > opciones de análisis > por defecto a los informes heredados.

Mientras sigas las dimensiones correctas de tu sitio (imágenes de blog de ancho completo, logo, barra lateral, pie de página, sliders, etc), no deberías ver errores. Si ya has subido imágenes de gran tamaño, tendrás que redimensionarlas manualmente o utilizar un plugin. Sin embargo, la mayoría de los plugins de optimización de imágenes sólo tienen una opción para redimensionarlas a un único conjunto de dimensiones, por lo que redimensionarlas manualmente suele ser la única opción.

Optimizar imágenes — plugin para wordpress

Smush escanea meticulosamente cada imagen que subes – o que ya has añadido a tu sitio – corta todos los datos innecesarios y la escala por ti antes de añadirla a tu biblioteca de medios. Y puede servir imágenes en formato WebP.

Smush tiene lazy load incorporada. Si tu página tiene un montón de imágenes por debajo del pliegue, la carga perezosa acelerará drásticamente tu página sirviendo sólo las imágenes que se están viendo y retrasando otras más abajo en la página.

«Es muy discreto y no me molesta con una clave API u otros pasos adicionales de instalación. El tablero principal del plugin me da una buena visión. En general se ajusta a mis necesidades y estaré dispuesto a actualizar a pro si mis necesidades cambian. Lo recomendaría a clientes/amigos sin dudarlo. Sigan así!» – tarkan_

Smush es súper fácil de usar, sin confusas configuraciones de software de compresión. Puedes comprimir las imágenes de tu biblioteca de una en una o comprimir hasta 50 imágenes a la vez. Además, configura el auto-smush para que escale y comprima asincrónicamente algunas o todas tus imágenes a medida que se suben – es increíblemente rápido.

WordPress image optimizer plugin free

Las imágenes pueden mejorar la experiencia en su sitio, elevar su marca y proporcionar activos adicionales para utilizar en la promoción. Sin embargo, las imágenes innecesariamente grandes pueden aumentar la velocidad de carga de la página, lo que afecta negativamente a su SEO y causa frustración a sus visitantes.

Esto se consigue reduciendo el tamaño de las imágenes y la forma en que su sitio maneja la carga de imágenes. El proceso puede llevar mucho tiempo si se hace manualmente, pero los usuarios de WordPress pueden aprovechar los plugins de optimización de imágenes de WordPress para agilizar sus esfuerzos.

Smush es el plugin de optimización de imágenes más popular disponible para WordPress. Aplica una compresión sin pérdidas (lo que significa que no se elimina la calidad del archivo de imagen) para reducir el tamaño de sus imágenes hasta 5 MB, de forma individual o en bloque. También toma otras medidas para mejorar el rendimiento de la página, como la carga lenta y el redimensionamiento automático.

Smush es un plugin sencillo para los principiantes. Si instalas este plugin en un sitio existente, todo lo que tienes que hacer para activarlo es ir a la configuración del plugin. Entonces, optimizará todas tus imágenes existentes. Cualquier imagen nueva que subas se optimizará automáticamente también mientras el plugin esté instalado.