Acabo de responder esta pregunta en Consejos para optimizar las imágenes en los sitios web de WordPress – HowsHosting.
Optimizar imágenes para cargar la página web más rápido
Restringir el número de imágenes
- Cómo mostrar cuatro imágenes al azar con enlace y sin duplicados usando Javascript
- Cómo hacer mi propio marco front-end
- Si creo un sitio web que utiliza imágenes vinculadas a mis documentos locales, ¿se podrán ver desde otras computadoras?
- Habiendo entendido HTML, CSS y JS (algunos JQuerry incluidos), ¿dónde debería comenzar en el back-end para crear sitios web dinámicos (tengo algo de experiencia de nivel medio con Python)? ¿Qué debo comenzar a aprender?
- ¿Dónde es un buen punto de partida para aprender JavaScript?
Una vez que haya cargado una imagen en su publicación, se enviará como una solicitud HTTP separada para que sus lectores la obtengan o descarguen. Por lo tanto, agregar varias imágenes llevará mucho más tiempo que una sola imagen. Por ejemplo, ha agregado 6 imágenes en su primera página web, cada una de las cuales tiene 50 KB, y también ha agregado una imagen de 300 KB en la segunda página web. Aunque el tamaño total de las imágenes para cada página web es el mismo, la velocidad de carga de la página de la primera página web con seis imágenes separadas será más lenta que la página web con una sola imagen. Porque la primera página web necesita enviar 6 solicitudes HTTP separadas, mientras que la segunda solo necesita enviar una sola solicitud HTTP. Idealmente, es mejor que inserte no más de 5 imágenes en su artículo para evitar múltiples solicitudes de servidor.
Cambiar el tamaño de las imágenes grandes
No solo el número de imágenes afectará la carga de la página, sino también el tamaño de la imagen. Por lo tanto, es mejor que siempre cargue archivos de imagen más pequeños que puedan cargarse rápidamente. Pero si realmente necesita algunas imágenes grandes, debe cambiar su tamaño antes de agregarlas a su publicación.
De hecho, hay una gran cantidad de herramientas disponibles como Picnik y Image Optimizer, que le permiten cambiar el tamaño de una imagen en línea para optimizarla. Solo necesita importar una imagen y luego establecer la dimensión que desee. Además, con estos redimensionadores de imagen, no necesita comprometer la calidad de la imagen cuando reduce el tamaño del archivo.
Optimice las imágenes para obtener clasificaciones de búsqueda más altas
Cambiar el nombre del archivo de imagen
Si ha subido un archivo de imagen de un logotipo de WordPress en su publicación, pero el nombre del archivo es algo así como “40450_1517_8025653_n”, entonces debe cambiar el nombre de este archivo de inmediato. Es fácil para usted identificar el logotipo de WordPress con solo mirar la imagen, pero los motores de búsqueda no son lo suficientemente inteligentes como para comprender lo que hay en esta imagen.
Agregar texto alternativo y descripción
Los motores de búsqueda no pueden entender una imagen con algunos números y alfabetos como “40450_1517_8025653_n”, por lo que debe ayudar a las arañas de motores de búsqueda a comprender cada una de sus imágenes con texto alternativo, nombre de archivo y descripción. Para incluirlo, simplemente agregue alt = “la descripción de su imagen” a su etiqueta de imagen. Para el ejemplo anterior, el texto alternativo debería ser similar a la siguiente línea:
img src = logotipo de WordPress.jpg ”alt =” logotipo de WordPress “
Principales opciones de WordPress Image Optimizer
Además de considerar los consejos mencionados anteriormente, también puede utilizar algunos optimizadores de imagen de WordPress. A continuación, hemos enumerado algunas de las principales opciones para que elija.
EWWW Image Optimizer
Descarga y más información
Este complemento puede aumentar la velocidad de carga de la página de su sitio de WordPress con la optimización de imagen efectiva. Esto puede conducir a una mejor clasificación en los SERP y a la mejora de la tasa de conversión.
No importa las imágenes que ya haya subido o las que esté cargando, este complemento iniciará la optimización automáticamente y las convertirá a los mejores formatos de archivo.
Una de las mejores cosas de este complemento es que comenzará el proceso de optimización en su servidor, pero no en terceros. En este caso, todo el proceso necesitará menos tiempo, lo cual es excelente para manejar algunas bibliotecas de medios grandes.
La configuración del complemento puede ser complicada para los nuevos usuarios, pero no es necesario que finalice todas las configuraciones. En su lugar, puede configurar algunos aspectos específicos.
- Decida el nivel de optimización para archivos JPG, PNG, GIF y PDF. Los niveles incluyen Sin compresión, Compresión sin pérdida, Compresión con pérdida, Compresión sin pérdida máxima y Compresión con pérdida máxima.
- Habilite ExacrtDN para automatizar el cambio de tamaño de la imagen.
- Habilite la detección de cambio de tamaño.
- Cambiar el tamaño de las imágenes con el ancho y la altura máximos en píxeles.
- Habilite la conversión de imágenes, de JPG a PNG, de PNG a JPG y de GIF a PNG.
Desde la página de Optimización masiva, puede comenzar la optimización para todas sus imágenes antiguas a la vez. Las nuevas imágenes cargadas se optimizarán cuando se carguen en su sitio.
Además, desde su biblioteca de medios, puede encontrar una columna de optimización adicional para ver cómo se optimizan sus imágenes.
Smush Image Compression and Optimization
Descarga y más información
Este complemento le ayuda a cambiar el tamaño, optimizar y comprimir todas las imágenes de su sitio web utilizando el potente difusor de imágenes. Ha sido probado y comparado como el optimizador de imagen No.1 para velocidad y calidad. Con el escaneo automático de imágenes, puede garantizar la optimización integral fácilmente. Además, si lo desea, puede comenzar la optimización masiva o la optimización única según sus necesidades.
Después de la instalación, este complemento le dará una configuración rápida que le permitirá decidir los siguientes aspectos clave.
- Habilite la optimización automática cuando se carguen las nuevas imágenes.
- Preserve los datos EXIF, como la distancia focal, la hora, la fecha, la ubicación y más. Esto hace que el archivo de imagen sea más grande. Pero para los fotógrafos profesionales, la información es importante.
- Cambie el tamaño de las imágenes a tamaño completo con el ancho y la altura máximos.
Después de ingresar a la página de configuración del complemento, puede decidir algunas configuraciones detalladas. Por ejemplo, puede habilitar el smush automático para algunas imágenes específicas y determinar el ancho y la altura exactos para el cambio de tamaño completo de las imágenes.
Ahora, solo necesita hacer clic en el botón Bulk Smush para comenzar la optimización.
Kraken.io Image Optimizer Optimizador de imagen
Descarga y más información
Este complemento permite los modos de optimización inteligente con pérdida y sin pérdida para sus imágenes. En la página de configuración, puede elegir entre estos dos modos, habilitar la optimización automática para nuevas cargas, cambiar el tamaño de las imágenes con el tamaño exacto, elegir permanecer en los metadatos EXIF y más.
En la biblioteca de medios, puede seleccionar algunas opciones para optimizar. Aquí, solo necesita elegir las opciones que desee, elegir el modo de optimización y hacer clic en el botón Listo.
