Cómo optimizar las imágenes con WordPress Plugin Ewww Image Optimizer

Ya sea que use Deposithphos, imágenes yay ilimitadas, quizás el problema más descuidado que aparece en PageSpeed ​​Insights de Google es la optimización de imágenes. También es uno de los remedios más fáciles que se pueden hacer para mejorar la velocidad de cargar su sitio, Google ha llevado a un umbral entre la calidad de una imagen y cuánto se comprime. La cantidad de compresión requerida para pasar la referencia para optimizar la imagen de PageSpeed ​​a una imagen neo optimizada es insignificante. El siguiente ejemplo presenta imágenes que no han pasado esta prueba.

Muchas personas mirarían estos resultados y jugarían la idea de que vale la pena analizar 16.2 kilo-plantas. Sin embargo, esta es solo una página que ha sido probada. Es importante tener en cuenta el efecto acumulativo que las imágenes no optimizadas pueden tener en un sitio completo. Además, la optimización del sitio web es un factor de clasificación conocido en los motores de búsqueda. Puede que no sea mucho, pero obtendrá una ventaja, porque otros diseñadores web parecen pasar por alto este problema fácil de corregir. Optimizando las imágenes en una ligera felicidad, hay un complemento que hace que sea muy fácil satisfacer la velocidad de las páginas y otras herramientas de evaluación comparativa. EWWW Image Optimizer ofrece una variedad de opciones, que incluyen cambiar los niveles de compresión JPG/PNG/GIF, cambio de tamaño de imagen, conversión de imágenes, eliminación de metadatos, soporte de WebP y más.

Por supuesto, hay varios otros complementos de optimización de imágenes para elegir. Sin embargo, con más de 600,000 instalaciones y actualizaciones semi-frecuentes, puede estar seguro de que está aquí para quedarse. Los siguientes pasos lo ayudarán a asegurarse de que sus imágenes no estén marcadas como no optimizadas. No tiene que ser un experto para instalar y configurar el complemento. Además, ninguna de las imágenes originales se eliminará a menos que especifique lo contrario. Asegúrese de que su servidor sea lo compatible que debe hacer después de instalar EWWW es asegurarse de que el servidor web tenga todas las extensiones necesarias instaladas. Si accede a Configuración / EWWW Image Optimizer, verá un cuadro titulado “Estado del complemento”. Esperamos escribir todo claro. Si no, los elementos que no están instalados o activados se resaltarán con rojo. Debe instalar o activar estos elementos usted mismo o comunicarse con el administrador del servidor de asistencia. Todos los requisitos generalmente ya están configurados en la mayoría de las configuraciones del servidor.

Configuración Configuración Configuración básica
En este momento, después de verificar los requisitos del servidor, ya debe estar en la pestaña Configuración básica. La primera opción será ingresar una clave API para la optimización de la nube. Esto es opcional y no necesario. El autor le dará créditos para usar para el uso de su servicio en la nube gratuito. Solo tiene que permitirles seguir el uso del complemento en su sitio es una excelente manera de probar esta característica sin tener que pagar nada. Pero honestamente, realmente no me usa, porque las funciones básicas funcionan bien en mi servidor.

Lo más probable es que desee marcar la casilla. Elimine los metadatos. Lo más probable es que las fotos que reciba de los clientes se incorporen metadatos innecesarios. Esto no solo ayuda a reducir el tamaño del archivo, sino que también ayuda a garantizar la confidencialidad. Por ejemplo, algunos teléfonos inteligentes y cámaras incorporarán las coordenadas en las que se tomó una foto. ¡Sé la primera mano que muchos de mis clientes ni siquiera son conscientes de esto! Para los niveles de compresión JPG, PNG y GIF, debe tener una pérdida sin pérdida. Me gusta dejar los PDF en el nivel sin compresión. En primer lugar, la compresión PDF es una característica premium. En segundo lugar, los PDF tienden a ser algo que se hace clic y descarga. Esto no afecta la velocidad de carga y, si es realmente un problema, hay otras herramientas gratuitas que puede usar para comprimir sus archivos PDF. Soportes avanzados
La primera opción en la pestaña Configuración avanzada es establecer el nivel de calidad de JPG. Recomiendo encarecidamente establecer esto en 80. El nivel predeterminado para WordPress es 82. No es una gran diferencia, ¿verdad? No estoy seguro de cuál es el límite exacto para PageSpeed, pero después de optimizar las imágenes al configurar 80 nunca recibo una advertencia sobre la comprimir mis imágenes. Utilicé esto como una configuración predeterminada para docenas de sitios web que construí. Las siguientes dos configuraciones, paralela y optimización programada, me gusta dejarlos. El proceso es lo suficientemente rápido en mi servidor como es. Tampoco me molesta ejecutar manualmente ewww a veces, porque generalmente trabajo en sitios web de negocios que no tienen muchas imágenes nuevas cargadas. Si tiene un servidor robusto y desea ser gratuito, intente. Desea incluir las carpetas de la biblioteca de medios al ejecutar el optimizador de bloque o programado. El complemento dice que escaneará los últimos archivos en la biblioteca de medios. Haz un buen trabajo al encontrar fotos por tu cuenta. Si descubre que no se incluyen ciertos directorios, puede hacerlo en el cuadro de plegamiento para optimizar. Quiero enfatizar que agregar cualquier forma de este cuadro o el archivo para ignorar los archivos debe seguirse inmediatamente presionando el botón de rescate. Por alguna razón, navegar por otras pestañas y luego rescate parece eliminar cualquier información que agregué en estos dos cuadros.
Las dos últimas configuraciones, activar Incorporated, ayuda y permiten el uso del uso, pueden activarse como cree que es apropiado. Configuración de cambio de tamaño

Todas las configuraciones en esta pestaña o cerca de sí mismos. La única configuración que activo es permitir que las imágenes existentes cambien de tamaño. No veo una razón por la cual la mayoría de la gente haría lo contrario. La opción de detección de cambio de tamaño puede ser útil para ver rápidamente qué imágenes deben reducirse. Cuando se activa, le permite navegar por su sitio (mientras está autenticado) y ver imágenes que no se escalen correctamente. Tal vez tenga una imagen de más de 1000 píxeles de ancho que se reduce en una columna de 480 píxeles. CSS reducirá esto, pero el tamaño del archivo seguirá siendo grande. Es mejor transmitir una escalera en los tiempos de carga rápidos. Configuración de conversión

Si usa una aplicación de edición de fotos como Crello para guardar y administrar sus imágenes, probablemente no encontrará mucho uso en estas configuraciones. Aunque nunca he tenido problemas, me gusta mantener las imágenes originales en mis instalaciones de WordPress. Creo que la matanza de un espacio de almacenamiento para mantener los originales es un compromiso correcto si se comete un error. Si mantiene a los niños locales de todas sus imágenes, entonces no deberían importar. Recibo una oportunidad del mensaje “Sin advertencias aquí, solo hazlo”. Para la conversión de GIF a PNG. Esto no afecta a los GIF animados. Como afirma el autor, los PNG son generalmente mejores que los GIF. Si no tiene animación, no debe tener ninguna razón para usar este formato de imagen.
Configuración de WebP

Uno de los puntos importantes de este complemento es el soporte de WebP. ¿Qué es WebP? Es un formato de imagen desarrollado por Google que rivaliza con la calidad de JPG, pero en archivos más pequeños. Chrome acepta este formato, así como algunos otros navegadores. Sin embargo, los JPG se pueden usar como una opción de copia de seguridad, lo que significa que debe activar JPG/PNG en WebP. Este artículo tiene unos años, pero hace un gran trabajo para comparar WebP con JPG. Me gusta dejar Force WebP, URL WebP, objetivos alternativos de reescritura web. Dependiendo de su configuración, es posible que deba probar y cambiar en consecuencia. En este momento, es bueno guardar los cambios. Debe hacer clic en “Insertar reglas de reescritura” para implementar la función WebP. Estas reglas se agregan a su archivo htaccess. Debe recibir una notificación de que fue exitoso y, al actualizar la página, el texto PNG con fondo rojo debe cambiar en WebP con fondo verde. Usando optimizador a granel