Soluciona el problema Optimize images para aumentar la velocidad de carga del sitio web – WordPress

Día tras día, las complejidades de personalizar y organizar sitios web aumentan, tanto en cuanto a la velocidad de rendimiento del sitio como a la velocidad de carga de imágenes y otros aspectos que deben considerarse con cada nueva actualización de los algoritmos de los motores de búsqueda, y las crecientes complejidades de SEO que aumentan día tras día. Muchos, al intentar verificar la velocidad de carga de su sitio con la herramienta de análisis de sitios

PageSpeed Insights

de Google, encuentran numerosos problemas que impiden que su sitio se cargue rápidamente. Uno de estos problemas que resolveremos hoy es el tamaño de las imágenes en nuestros sitios, que aparece en la herramienta de análisis bajo el nombre Optimize Images, y Google nos ofrece varias opciones para reducir el tamaño de las imágenes y resolver este problema.

El método de solución en el que nos basaremos hoy en nuestra explicación es solo para sitios que funcionan en blogs de WordPress, y la explicación no incluye ninguna otra plataforma de trabajo. Espero que en el futuro podamos apoyar otras plataformas en las explicaciones proporcionadas. Primero, explicaremos cómo se ve el error que aparecerá en la verificación de velocidad del sitio desde Google: cuando existe este error en nuestros sitios, significa que debemos comenzar a trabajar en la reducción del tamaño de las imágenes para que se ajusten a las políticas de los propietarios de sitios de Google y cualquier otro motor de búsqueda. En WordPress encontramos muchas extensiones que manejan este tipo de errores, y hoy nos enfocaremos en una extensión con el nombre:

EWWW Image Optimizer. Esta extensión personalizará todas las imágenes en el sitio y también proporcionará mucho espacio, lo que nos garantizará compatibilidad con SEO y también compatibilidad con las directrices de los propietarios de sitios.

Para instalar esta extensión como cualquier otra extensión, se hace a través de: Panel de control > Extensiones > Agregar nueva > luego buscamos usando el nombre completo de la extensión y hacemos clic en instalar la extensión, y luego hacemos clic en activar para activar la extensión. El segundo paso será ajustar la configuración de la extensión EWWW. Asegúrate de hacer que la carpeta wp-content sea escribible otorgándole el permiso 777.

Para ir a la página principal de configuración de la extensión, seguimos la siguiente secuencia: Panel de control > Configuración > EWWW Image Optimizer > entonces se abrirá la página de configuración general, y la revisaremos brevemente para explicar la función de cada opción entre las opciones proporcionadas.

Primera sección: Verificar que tu servidor

esté configurado para trabajar con la extensión. Nuestro servidor debe estar equipado con las siguientes extensiones: jpegtran, optipng, pngout y también gifsicle, que son extensiones de Linux responsables de controlar, reducir y comprimir imágenes. Como podemos ver en la imagen anterior, la presencia de la palabra OK en verde significa que este servidor es compatible con los requisitos de la extensión y no hay necesidad de realizar pasos adicionales de nuestra parte.

Nota:

Si hay algún problema al ajustar la configuración del servidor o si faltan algunas extensiones, debemos ponernos en contacto con el proveedor de hosting y solicitar la instalación del paquete faltante, y luego verificar que funcione correctamente. Segunda sección: Cargar e alojar imágenes del sitio en la nube. En esta sección podremos elegir cargar imágenes a un alojamiento externo (Cloud Host), que es un servicio de pago utilizado cuando aumenta la carga o el ancho de banda en el sitio. También se puede usar en alojamientos compartidos para reducir el consumo mensual de datos en el sitio.

Saltaremos la explicación de este punto ya que estamos trabajando en un servidor dedicado con suficiente espacio para procesar esta cantidad de datos. Tercera sección: Configuración general de la extensión EWWW. En esta sección encontramos un conjunto de configuraciones que deben estar en la misma forma que aparece en la imagen anterior. Para activar la opción optipng, debemos desmarcar la casilla de verificación en esta opción, y después de hacer clic en guardar, se mostrará en la parte superior la instalación de esta extensión en el servidor. Elegiremos instalar optipng en el servidor, que es un paquete de apoyo que permite redimensionar imágenes con extensión PNG.

Dejamos todas las demás opciones como están sin hacer cambios, y si queremos que la extensión trabaje automáticamente después de terminar la configuración, lo haremos marcando la opción Scheduled optimization, y luego ingresamos la ruta de la carpeta de imágenes en el cuadro que sigue a esta opción. Esta extensión se encargará de redimensionar las imágenes de la manera que deseamos y que especificaremos más adelante. Cuarta sección: Configuración para ajustar el tamaño de la imagen. En esta sección podremos ajustar la configuración apropiada para ajustar el tamaño de la imagen. Esta configuración y su selección dependerá de los recursos disponibles en el servidor. Si trabajas en un servidor dedicado o en un alojamiento compartido, tendrás opciones diferentes para ajustarlas, y las explicaremos aquí: Servidor dedicado: Si tienes un servidor dedicado, puedes establecer la configuración como se muestra en la imagen anterior sin necesidad de realizar cambios adicionales. Servidor compartido: Debes ajustar la opción pngout optimization level al número 2, y si continúa el problema de que la extensión no puede completar el trabajo en la imagen, intenta reducirlo al número 1. Aumentar esta opción causará que la extensión enfrente un problema de Time out.

Quinta sección: Convertir entre extensiones de imagen. En esta sección es posible elegir convertir entre extensiones de imagen PNG a JPG o viceversa. Se recomienda dejar estas opciones como están y no cambiar ninguna de ellas. Estos pasos y esta extensión resolverán el problema de Optimize images, pero aún nos quedan pasos finales por realizar para activar el funcionamiento de la extensión. Después de hacer clic en guardar, tendremos dos opciones: la primera es personalizar las imágenes de la plantilla utilizada, y la segunda es personalizar las imágenes cargadas en el sitio en la biblioteca de medios.

Personalizar imágenes de la plantilla:

Para realizar este paso, sigue la siguiente imagen: Después de ir al Panel de control > Apariencia > Optimize > hacemos clic en la opción Run bulk optimize para comenzar a reducir el tamaño de todas las imágenes de la plantilla. Si la extensión no detecta los archivos de tu plantilla, todo lo que tienes que hacer es volver a la tercera sección de la configuración e indicar la ubicación de la carpeta de imágenes de tu plantilla, y la extensión reducirá automáticamente el tamaño de las imágenes.

Personalizar imágenes de la biblioteca de medios:

Este paso es exactamente igual al anterior, por lo que no es necesario proporcionar una imagen ilustrativa. Después de acceder al Panel de control y luego ir a Medios, elegimos bulk optimize, y continuamos personalizando todas las imágenes existentes. Podemos enfrentar el problema de que la extensión se detenga varias veces, pero no te preocupes, las imágenes que han sido personalizadas no se procesarán nuevamente. Puedes reanudar desde donde se detuvo. Espero que este tema haya proporcionado la utilidad esperada y haya resuelto el problema de Optimize images. El tema está abierto a cualquier pregunta o consulta.

#PageSpeedInsights #AumentarVelocidadDelSitio #ExplicacionEWWWImageOptimizer #ProblemaOptimizeimages