Optimización de imágenes en WordPress: guía para principiantes y revisión de complementos

Todos sabemos que WordPress es menos conocido por la velocidad. Debería hacer algunos esfuerzos para aumentar el rendimiento de un sitio de WordPress. Hay varias formas de hacer esto, una de ellas es optimizar las imágenes en WordPress.
Se esconde el contenido
1. Las ventajas de la optimización de imágenes
2. Use el formato de archivo correcto para las imágenes
3. Optimizar la imagen antes de cargar
4. Optimizar imágenes en WordPress
4.1. WP Smush
4.2. Optimizador de imagen EWWW
4.3. Optimizador de imágenes TP
4.4. Shortpíxel
5. Comparación de complementos de optimización de imágenes de WordPress
5.1. Resultado
5.2. No quiero comprometer la calidad, ¿qué debo hacer?
5.3. Elige el tema sabiamente
6. Elegir un proveedor de alojamiento decente
7. ¡La conclusión!
Según una investigación, solo tiene 7 segundos para atraer la atención de un visitante. Si se recibe, existe la posibilidad de que él sea el visitante recurrente. Si no, ¡nunca visitará un sitio!
Hoy, anunciaré los beneficios de la optimización de imágenes y le guiaré cómo un sitio de WordPress solo puede acelerarse optimizando las imágenes.

Las ventajas de la optimización de imágenes
Consumir menos ancho de banda y espacio de almacenamiento
Reduce el tamaño de la página
Tiempos de carga más rápido
Mejorar el SEO debido a las páginas que se cargan rápidamente
Guarde el plan de datos móviles para usted y sus visitantes
Use el formato de archivo correcto para las imágenes antes de comenzar, debemos comprender correctamente los formatos de archivo de imagen para que sepamos qué tipo de archivo se utilizará para una imagen en particular. Hay tres formatos de archivo de imagen a gran escala.
JPG: las imágenes JPG o JPEG se utilizan para imágenes y fotos realistas. Las imágenes PNG: PNG son útiles para imágenes de línea, imágenes de texto pesadas y pocos colores.
GIF: GIF es una buena opción para almacenar dibujos icónicos, texto y gráficos.
Optimice la imagen antes de cargar, comenzamos desde el paso inicial, ¿cuál es la creación de imágenes? Siempre es aconsejable optimizar las imágenes antes de cargarlas en un sitio de WordPress. Puedes usar herramientas como Photoshop. Si no está familiarizado con Photoshop, puede usar una herramienta de escritorio Riot que reducirá el tamaño de la imagen o cualquier herramienta en línea como TinyPng, Kraken, Optimizilla y Compressor.
Desde nuestra experiencia, Optimizilla funciona mejor en términos de calidad y tamaño de archivo. Produce la mejor optimización, produce dimensiones mínimas del archivo. La única desventaja de Optimizilla es que solo tiene compresión de pérdidas. Kraken y el compresor tienen una potencia similar. Ambos ofrecen compresión con pérdidas y sin pérdidas. El tamaño del archivo de salida no es tan bueno como Optimizilla, pero sigue siendo bueno. TinyPng puede ser el peor en la lista porque produce archivos más grandes. Optimizar imágenes en WordPress WordPress alimenta más del 33% de la web. Agradecemos a sus colaboradores y desarrolladores de proporcionar una solución para casi todos los requisitos. Hay una serie de complementos de optimización de imágenes disponibles en Internet. En el artículo de hoy, compararé 3 complementos de optimización de imágenes gratuitas diferentes para WordPress.
WP Smush
Optimizador de imagen EWWW
Optimizador de imágenes TP
Shortpíxel
WP Smush
Imágenes de carga Smush Lazy, optimización y compresión del Imaginator (I): WPMU RE Versión: 3.9.4 Última actualización: 22 de diciembre de 2021 WP-SSHIT.3.9.4.zip

96% Evaluaciones Más de 1,000,000 de instalaciones WP 5.3+ requiere
WP Smush es uno de los productos desarrollados por el equipo de WPMU Dev. Es un complemento ganador de premios que excede los otros complementos de optimización de imágenes principales. Anteriormente, era parte de su suscripción anual, pero hace unas semanas, lo hicieron completamente gratis para los usuarios de WordPress. Con WP Smush, puede cambiar el tamaño, comprimir y optimizar fácilmente las imágenes, independientemente de la carpeta de la biblioteca de medios de WordPress. Escanee cada imagen que esté cargando o ya ha cargado imágenes en su sitio. Tiene el poder de eliminar datos innecesarios y escalarlos antes de agregar a la biblioteca de medios.
Aunque todo parece ser perfecto, hay 2 cosas que no nos gustan de WP Smush:
La versión gratuita permite optimizar imágenes por debajo de 1 MB. Aunque es bueno en la mayoría de las situaciones, no será útil si tiene que optimizar imágenes de alta calidad.
No hay opciones para seleccionar compresión sin pérdidas ni pérdidas. Entonces, suponemos que solo permite la compresión con pérdidas.
Optimizador de imagen EWWW
Optimizador de imagen EWWW
Autor (i): exactamente www

Versión actual: 6.3.0 Última actualización: 14 de octubre de 2021 ewww-image-optimizer.6.3.0.zip
94% Evaluaciones Más de 900,000 instalaciones WP 5.5+ requiere

EWWW es uno de los principales complementos de optimización de imágenes en el almacén de WordPress. Optimizará automáticamente las nuevas imágenes que carga y también puede optimizar las imágenes cargadas previamente. No solo eso, EWWW le permite convertir opcionalmente las imágenes en el mejor formato de archivo.ewww es completamente gratuito. Pero solo no ofrece compresión de pérdida para JPG (para PNGS, ofrece compresión de pérdida y pérdida). Para usar la compresión con pérdidas para JPG, debe registrar un plan pagado en su sitio. En esta prueba, solo usamos el complemento gratuito sin compresión de pérdida. Optimizador de imágenes TP
El artículo no se encontró: “TP-IMage-Optimizer” no existe.
No dejemos los últimos complementos en el mercado. TP Image Optimizer es uno de los crecientes complementos de optimización de imágenes. Es el producto de las personas en themtain. Al igual que otros complementos, también optimizan, comprimen y reducen el tamaño de la imagen.
TP Image Optimizer tiene un hermoso tablero. Aunque es muy hermoso (con un gráfico para mostrar sus estadísticas), no creemos que beneficie a demasiado usuarios. Una desventaja del complemento es que no optimiza automáticamente las imágenes en la carga. Debe acceder al tablero y presionar el botón “Optimización con un solo clic”. TP Image Optimizer no dice claramente en la página de configuración qué tipo de compresión usa (sin pérdidas o pérdidas). Pero ofrece algunos niveles: bajos, medianos, altos y muy altos. Entonces suponemos que usa compresión con pérdidas. En esta prueba, utilizamos un nivel muy alto.
Shortpíxel
Optimizador de imágenes de shortpixel
Autor (i): ShortPixel Versión actual: 4.22.6 Última actualización: 11 de octubre de 2021 ShortPixel-IMage-Optimiser.4.22.6.zip92% Evaluaciones 300,000+ Instalaciones 4.2.0 Requiere
ShortPixel es un complemento de optimización de imágenes y fácil de usar, fácil de usar y optimización de imágenes, que puede comprimir todas las imágenes y documentos PDF con un solo clic. Las nuevas imágenes se redimensionan automáticamente/cambian de tamaño y optimizan sobre la marcha, en segundo plano. ShortPixel ofrece 3 opciones de compresión: con pérdidas, brillantes y sin pérdidas. Para usar ShortPixel, debe crear una cuenta en su sitio. La cuenta gratuita le permite optimizar 100 imágenes/mes. Y no hay límite en el tamaño del archivo.

Comparación de los complementos de optimización de imágenes de WordPress OK, muchos arados. Echemos un vistazo, cuán precisos son estos complementos en la práctica. En mi ejemplo, usaré una imagen en formato JPG y PNG. Optimizarlos y luego comparar los complementos de optimización mencionados anteriormente. Aquí está la imagen de prueba que hice para comparar las dimensiones originales. Tipo de archivo: JPG Dimensiones: 1920 × 1279 Dimensión de píxeles: 246.198 Fuente: Pexels (Descargar imagen original)
Resultado conecta WP Smush EWWW (sin pérdida) TP (con pérdidas) ShortPixel (sin pérdida) ShortPixel (Lucius) Shortpixel (con pérdidas) tamaño de archivo

227.038 227.038 135.401 226.121 122.726 81.145

Parece que ShortPixel es el mejor complemento de optimización de imágenes de WordPress, tanto en la prueba de pérdida como de pérdida.
No quiero comprometer la calidad, ¿qué debo hacer? Bueno, siempre se sugiere optimizar las imágenes. Pero, si aún desea mantener la imagen original, use un complemento de carga perezoso en el que las imágenes solo se mostrarán cuando se vean en el navegador. Esto reducirá el tamaño inicial de la página porque las imágenes se cargarán cuando el usuario ejecute la página. Elija el tema con sabiduría Hay muchos hermosos temas gratuitos y pagados disponibles, pero mal codificados. La optimización de imágenes de alguna manera ayudará a acelerar un sitio de WordPress, pero siempre se sugiere usar un tema fácil y bien codificado, como nuestra tarea. Vea nuestra guía detallada sobre cómo elegir un tema de WordPress. Elegir un proveedor de alojamiento decente siempre recuerde, si su rendimiento de alojamiento del servidor es débil, su sitio web definitivamente funcionará débil. Por lo tanto, debe tener un proveedor de alojamiento decente, como Cloudways, un WordPress que administra Hoster. Para nuestros visitantes, rompimos un acuerdo con Cloudways. Puede obtener crédito gratuito por alojar en US $ 25 usando el código de cupón Gretthemes. ¡La conclusión! Siempre se sugiere optimizar las imágenes antes de cargarlas en un sitio de WordPress. Más tarde, use un complemento de optimización como WP Smush, que supera claramente los otros complementos en nuestras pruebas. También puede integrar un CDN con un sitio de WordPress que almacenará contenido estático como CSS, JS e imágenes que ayudarán a aumentar el rendimiento. Optimización de la imagen en WordPress: Guía y revisión de principiantes
7 Las mejores herramientas de limpieza para su WordPress7 formas de acelerar su sitio de WordPress
Cómo usar el complemento Autoptimize para aumentar la velocidad de su sitio

Una guía para acelerar su sitio con CDN
Complementos superiores para aumentar la velocidad de su sitio