Cómo usar la compresión de imágenes de WordPress con Smush










  • Si es un usuario de WordPress y está tratando de encontrar formas de optimizar su sitio web, entonces una de las mejores es optimizar sus imágenes . La compresión de imágenes de WordPress tiene todo tipo de beneficios, incluida la ayuda con las tasas de conversión y rebote.

    Hay varias herramientas excelentes para la compresión de imágenes de WordPress , pero en mi opinión, el mejor compresor de imágenes es Smush. Le muestran cómo optimizar imágenes para WordPress rápida y fácilmente, y brindan muchas herramientas para un complemento gratuito de WordPress.

    ¿Por qué Smush para la compresión de imágenes de WordPress?

    Hay tantas razones para que te guste Smush. El hecho de que Smush sea gratuito solo lo hace más atractivo para aquellos de nosotros que estamos tratando de encontrar una herramienta sólida de compresión de imágenes de WordPress.

    El complemento viene completo con varias características realmente sorprendentes que incluyen:

    • Compresión sin perdidas
    • Aplastar a granel
    • Detección de imagen de tamaño incorrecto
    • Optimización Automatizada
    • Cargador perezoso
    • Integración de bloques de Gutenberg
    • Compatible con múltiples sitios

    Básicamente, puede usar todas estas funciones juntas para optimizar sus imágenes de WordPress sin perder calidad. Smush también ayudará a la velocidad de su sitio. Al usar esta herramienta, las páginas se cargan más rápido sin sacrificar la calidad de la imagen.

    Otra gran cosa acerca de este complemento es que le permite optimizar y comprimir todas las imágenes existentes que se encuentran en su sitio web sin tener que cargarlas nuevamente.

    Veamos cómo usar Smush para comprimir y optimizar imágenes en WordPress.

    Instalar y activar Smush

    Nuevamente, el complemento Smush es gratuito y puede instalarlo directamente desde su panel de administración de WordPress. Simplemente diríjase al directorio de complementos y busque «Smush».

    Instale y active el complemento para que pueda usarlo.

    Instalar y activar la herramienta de compresión de imágenes smush wordpress

    Una vez que el complemento se haya instalado y activado, puede dirigirse a la página de configuración principal haciendo clic en la pestaña «Smush» que ahora aparecerá en el menú de la izquierda de su panel de administración de WordPress.

    Haga clic en la pestaña smush

    Repasemos juntos la configuración.

    Smush WordPress Asistente de configuración del complemento de compresión de imágenes

    Cuando haga clic por primera vez en la pestaña Smush, accederá a la página de configuración principal. Aquí encontrará una serie de cuadros emergentes e instrucciones. Veámoslos juntos.

    La primera ventana emergente simplemente saludará y le informará que está a punto de configurar Smush de la forma en que desea que funcione. Léalo y haga clic en el botón «Comenzar configuración».

    Comience la configuración de compresión de imágenes de wordpress smush

    El segundo cuadro es la ventana emergente de compresión automática. Elija si desea o no utilizar la compresión de imágenes Smush WordPress para optimizar automáticamente todas sus nuevas imágenes cuando se cargan.

    Se verificará automáticamente, por lo que debe dejarlo y hacer clic en «Siguiente».

    Compresión smush automática

    Luego viene el cuadro emergente Metadatos EXIF. Smush eliminará automáticamente todo esto por usted si lo desea y reducirá y optimizará aún más el tamaño de los archivos de imagen. Haga clic en “Siguiente para continuar.

    metadatos EXIF

    Por último, Smush le preguntará si pueden o no rastrear algunos de sus datos de uso para que puedan mejorar aún más el complemento. No rastrean datos personales, por lo que esta opción depende completamente de usted.

    Haga clic en «Finalizar asistente de configuración» para finalizar esta parte de la configuración y continuar.

    Datos de uso de Smush

    En este punto, el complemento optimizará rápidamente todas las imágenes que ya tiene en su sitio web de WordPress. Una vez hecho esto, se le redirige al tablero principal de Smush, donde puede jugar con algunas opciones.

    Tablero Smush

    El panel de control de Smush es el lugar principal donde ajustará la configuración y aprenderá a optimizar imágenes para WordPress.

    Tablero de compresión de imágenes de Smush wordpress

    Como puede ver, podrá ver la documentación, volver a verificar las imágenes, ver cuántas imágenes se han «aplastado» y ver los ahorros totales para los resultados de compresión de imágenes de WordPress.

    Repasemos el resto de las opciones del tablero de Smush. Desplácese hacia abajo y verá una lista de opciones con las que puede jugar. Incluyen:

    • Smush a granel
    • Smush de directorio
    • integraciones
    • Carga lenta
    • CDN
    • Instrumentos
    • Ajustes

    Smush a granel

    Como ya está en la página principal, verá que ya se seleccionó «Bulk Smush». Si quieres o necesitas hacerlo, haz clic en el botón para aplastar tus imágenes de forma masiva.

    Smush a granel

    Smush de directorio

    Después de ajustar el smush masivo, continúe y haga clic en la opción «Directory Smush».

    Directorio de Smush

    Desde aquí, el complemento Smush le permite eliminar imágenes que se encuentran fuera de su directorio de cargas. Simplemente agregue archivos y carpetas que desee optimizar y Smush hará el resto.

    integraciones

    Smush le permite integrar el complemento en algunas de las herramientas de WordPress más populares que existen. Si alguno de los cuatro cuadros está gris, simplemente significa que no está utilizando ese complemento o fuente en particular.

    Smush permite integraciones en:

    • Gutenberg
    • Amazonas S3
    • Galería de próxima generación
    • Creador de páginas de WPBakery

    Seleccione las pestañas disponibles que desea integrar y continúe.

    integraciones

    Carga lenta

    Haga clic en la siguiente pestaña titulada «Lazy Load». Si desea activarlo, haga clic en el botón azul «Activar».

    Pestaña de carga diferida

    La función de carga diferida ayudará a reducir la carga en su servidor y acelerará los tiempos de carga de su página. Lo hace cargando solo imágenes a medida que el usuario se desplaza para verlas. Esta es una gran opción en mi opinión, por lo que recomendaría activarla.

    CDN

    La siguiente es la pestaña de opciones Smush CDN. Haga clic en él y, si está interesado, puede profundizar más sobre lo que hace esta función. También hay muchos servicios de CDN sólidos .

    Nota: Necesitará una Membresía WPMU DEV para activar esta función y usarla.

    CDN

    Básicamente, si actualiza, puede usar la CDN de WPMU DEV con funciones de compresión con pérdida de varias pasadas y cambio de tamaño automático. Esto realmente aumentará aún más la velocidad de su página.

    Esto funciona cuando las redes de entrega de contenido como CloudFlare comparten el sitio con otros servidores de todo el mundo. En esencia, las personas más cercanas a esos servidores acceden al sitio desde esas ubicaciones. Esto reduce la distancia cuando se trata de la velocidad de la carga.

    Instrumentos

    En herramientas, encontrará una opción. Puede dejar que Smush detecte y muestre tamaños de imagen incorrectos.

    Herramientas de compresión de imágenes de WordPress

    Esto es básicamente solo para que lo veas. Los usuarios del sitio no se verán afectados de ninguna manera. Esto solo permite que Smush le muestre imágenes en su sitio web que no tienen el tamaño correcto para que pueda corregirlas si lo desea.

    Configuraciones finales

    Por último, pero no menos importante, está la pestaña de configuración final. Smush le dará algunas otras opciones de configuración que puede completar de la manera que mejor le parezca.

    Configuración de la herramienta de compresión de imágenes de WordPress

    Estos ajustes incluyen:

    • Traducciones
    • Accesibilidad de color
    • Seguimiento de uso
    • Datos
    • Estado de la API

    Una vez que haya pasado por todo lo anterior, estará listo. Ha configurado correctamente Smush y está listo para usarlo para toda su compresión y optimización de imágenes de WordPress de aquí en adelante. Asegúrese de hacer clic en el botón «Guardar cambios» para aplicar cualquier cambio que haya realizado en el camino.

    Mantenga el sitio optimizado

    La compresión de imágenes de WordPress es un aspecto muy importante de la optimización del sitio web. No solo sus imágenes se mostrarán correctamente en la web, sino que su sitio también será más rápido. Y esto ayudará con su ranking de Google en los resultados de búsqueda.

    ¿Alguna vez has usado Smush para optimizar las imágenes de WordPress? ¿Prefieres otra herramienta de compresión de imágenes de WordPress?