3 formas de optimizar el tamaño de sus imágenes en WordPress

Si tiene un blog o un sitio web de comercio electrónico, necesariamente muestra una cierta cantidad de imágenes. Esto es esencial por varias razones. Por un lado, debe ilustrar su tema o sus productos. Entonces, no lo ocultemos, su sitio solo se vuelve más bonito. Por otro lado, la imagen captura la atención de sus visitantes a su plataforma o redes sociales. Finalmente, las fotos e ilustraciones también se han convertido en importantes vectores de referencia natural.

Sin embargo, la acumulación de imágenes puede convertirse rápidamente en un freno para el rendimiento de su sitio web … Tome la prueba en una plataforma como Herramientas de pingdom darse cuenta de ello ! No solo pueden constituir hasta el 80% del espacio de su sitio, sino que también representan el 50% de los scripts generados. El tiempo de carga de sus páginas se alarga … Si no se hace nada, no es bueno para su referencia en Google o para la experiencia del usuario.

Veamos cómo reducir el impacto negativo de sus fotos e ilustraciones y hacer que su sitio web sea más eficiente !

Para las imágenes, el tamaño importa

Este problema, WPformation ya lo ha solucionado, dirás. Sí, presentar en particular una muy buena herramienta a la que sin duda volveremos. Sin embargo, optimizar imágenes inevitablemente implica administrar su tamaño. Estamos hablando de tamaño y no de peso. Porque este aspecto afecta tanto el rendimiento como la estética. Mientras influye directamente en esta cuestión de peso, precisamente. Además, a menos que tenga un espacio de almacenamiento limitado en su servidor, se dará cuenta rápidamente de que el peso es datos secundarios (pero no lo ignorará). Si bien el tamaño puede obstaculizar rápidamente el rendimiento de su sitio con las consecuencias expuestas anteriormente … Pero tenga cuidado con las buenas prácticas en esta área !

El error más común es reducir el tamaño de sus imágenes a través del CSS. Sepa esto, al hacer esto, está imponiendo una doble penalización. Por un lado, esto no impide la carga de la imagen original, que es demasiado grande. Pero además, debe cambiar su tamaño en el formato ordenado por el CSS. Por lo tanto, llevamos a cabo una operación que puede optimizarse y otra evitable. Mala elección … Idealmente, el tamaño exacto de imagen que se muestra coincide con el que cargó. Para hacer esto, puede cambiar el tamaño de una imagen directamente en WordPress !

La herramienta de cambio de tamaño de imagen de WordPress

Cambiar el tamaño de las imágenes directamente en WordPress: una herramienta para usar con moderación

Ciertamente, pero el efecto es el mismo en la medida en que la manipulación siempre se basa en el contenido original. Además, debe hacer esto para cada imagen cargada. Una tarea que rápidamente demostrará ser prohibitiva …

Genere sus propios tamaños de imagen !

Cuando descarga una imagen a su WordPress, a través de su administración o directamente a FTP, el famoso CMS generará varios. La imagen original, por supuesto. Pero también tres que son específicos para él y luego otros dependiendo del tema que haya elegido y su posible creador de páginas.

Sin embargo, es posible que estos tamaños generados aún no se correspondan con los que se muestran en su sitio web. Esto se debe a que, por varias razones, debe mostrar tamaños personalizados. Cómo remediar este problema en un momento en que estas dimensiones se multiplican con la multiplicación de plataformas receptivas y prácticas de pantallas múltiples ?

Método 1: use los tamaños predeterminados de WorPress

Primer método (pero limitado): modifique los tres tamaños generados por WordPress. Para hacer esto, debe ir a su administración de WordPress en la pestaña Configuración → Medios. Entonces solo tiene que ingresar las nuevas dimensiones deseadas. Esta forma de hacer las cosas al menos tiene el mérito de no poner las manos en el código. Pero lo limita a tres tamaños y puede entrar en conflicto con las preconfiguraciones de su tema.

Ajuste de imagen en miniatura de WordPress

Miniaturas de WordPress: una de las configuraciones básicas de administración para imágenes

Método 2: agregue tamaños de imagen a su tema

Pero puedes tener más control ! Solo para esto tendrás que hackear el código. Es por eso que se recomienda encarecidamente tener un tema para niños. Si no, encontrará cómo hacer el suyo fácilmente aquí. Vaya a la raíz del tema de sus hijos, abra el archivo functions.php y agregue esta línea al final :

add_image_size( 'nom-de-taille-photo', 1080, 720, false) ;

Dentro del paréntesis, el texto entre las comillas simples corresponde al nombre que le da a su nuevo tamaño generado. En cuanto a los números, el primero corresponde al ancho, mientras que el segundo constituye la altura. Todo en píxeles, por supuesto. Finalmente, el atributo “falso” indica que esta nueva imagen no debe recortarse contra el original. Para permitir esto, deberá ingresar “verdadero” en su lugar. Agregue una línea por nuevo tamaño para generar.

Código PHP para generar nuevos tamaños de imagen en WordPress

Los tamaños de imagen personalizados se pueden generar en WordPress utilizando una sola línea de código en PHP

Esta manipulación realizada, estos nuevos formatos se generarán para cada nueva imagen cargada en su WordPress. Si toca un poco el código PHP, incluso puede ingresar el nombre de sus nuevos tamaños en lugar de los antiguos directamente en el código de las plantillas de su página, como el de categorías o archivos. Tenga cuidado de hacerlo bien en el tema de los niños !

Sin embargo, los archivos ya presentes en su servidor no tienen un nuevo tamaño … CATASTROPHE ! Afortunadamente, hay una solución: Miniaturas regeneradas !

Método 3: un complemento mágico para tus imágenes

Lo que permite las miniaturas regeneradas ? Bueno, esta extensión cambia el tamaño de todas las imágenes existentes en su WordPress para regenerarlas a noticias definidas. Créame, si tiene mil fotos e ilustraciones que se han acumulado a lo largo de los años, este complemento será muy práctico.

Su uso es muy simple. Solo tienes que descargarlo El directorio oficialUna vez que se activa la extensión, hay dos soluciones disponibles para usted. Puede regenerar cada imagen una por una seleccionándolas de la pestaña “Medios” de su administración de WordPress. O vaya a Herramientas → Miniaturas regeneradas. Entonces tendrá la posibilidad de regenerar todas sus imágenes ya presentes. Finalmente, también puede eliminar los tamaños que ya no figuran en su sitio.

Miniaturas regeneradas: una segunda vida para sus imágenes

Regenerate Thumbnails le permite cambiar el tamaño de todas sus imágenes en los nuevos formatos creados en su código de WordPress

Por lo tanto, generar nuevos tamaños es interesante en más de un sentido. De hecho, este método le permite adaptar el archivo llamado al que se muestra en su sitio. Esto evita cambiar el tamaño del trabajo y, por lo tanto, promueve una visualización más rápida para sus visitantes. Esta es una ventaja importante para su referencia natural y experiencia de usuario en su sitio web.

Este es un buen primer paso para aligerar las imágenes cargadas en su WordPress, incluso si existen otras soluciones por otros medios. En cualquier caso, este es un buen punto de partida para salir de la pesadilla de la acumulación de imágenes en blogs y sitios web de comercio electrónico.

Te puede interesar:  13 consejos para comenzar con WordPress

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Share This