• Resuelto deny95

    (@deny95)


    Buenas
    Tengo un problema con los core web vitals. Me indica que tengo que mostrar imágenes de un tamaño adecuado. El problema es que yo subo las imágenes comprimidas con un máximo de 80 kib, incluso con menos. Pero al hacer la prueba de velocidad me indica que las imágenes pesan más de 240 kib. No sé por qué pasa, ni cómo solucionarlo. Alguna sugerencia.Gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Moderador kallookoo

    (@kallookoo)

    Hola @deny95

    Tienes varias imagenes que no pesa lo que dices de como las subes, comprueba los tamaños no sea que se te olvidase optimizarlas.

    Iniciador del debate deny95

    (@deny95)

    Si he visto que algunas imágenes no tienen ese tamaño. Pero las que me indica el fallo de pagespeed suelen ser la imagen destacada y ninguna supera los 60 kib. Las cambié todas hace poco. Por ejemplo este artículo el tamaño del archivo es 56 kib y en cambio según pagespeed es de 113.1 kib. No entiendo cuál es el motivo de que aumente casi el doble el peso de la imagen.

    Moderador almendron

    (@almendron)

    1) No hagas mucho caso a lo que te dice la prueba esa.

    2) A mi me sale que la imagen del artículo mide 1024px × 576px y pesa 113.09 KB (115805): https://www.tugimnasioencasa.org/wp-content/uploads/2020/05/Press-frances-con-barra-en-casa-1024×576.jpg
    Esta es la que se muestra en el artículo.

    3) Lo curioso del caso es que la original mide 1200px × 675px y pesa 56.32 KB (57670). Al crear el tamaño de 1024, la imagen resultante pesa más que la original.

    4) Mi consejo es el siguiente: si no va a ver opción de ampliar la imagen, recortala a 800 px de ancho antes de subirla. Puedes hacerlo directamente con https://es.wordpress.org/plugins/resize-image-after-upload/

    Moderador kallookoo

    (@kallookoo)

    Hola,

    Veamos os aclaro el misterio del tamaño, si la imagen es jpg y se tiene activado en el PHP la extension imagick el WordPress establece la calidad de las nuevas imagenes al 85 y la compresion a 8 y eso provoca que las imagenes pesen mas dependiendo del tamaño si no se usa, los tamaños son mas proporcionales al usar GD.
    Lo curioso revisando el codigo de la class es que no he visto ningun filtro para modificar la compresion pero si la calidad.
    https://core.trac.wordpress.org/browser/tags/5.7.1/src/wp-includes/class-wp-image-editor.php#L226
    Ni tampoco ningun ticket hablando de ello, asi que por mucho que optimizes una jpg si el tamaño se acerca al original se genera una imagen mas pesada que la original.

    Iniciador del debate deny95

    (@deny95)

    Muchas gracias por la aclaración.

    Moderador kallookoo

    (@kallookoo)

    De nada, sinceramente no me di cuenta hasta que @almendron lo comento y decidi comprobarlo en uno de mis WordPress que tengo en local con diferentes tipos de imagenes/tamaños.

    Ahora mismo para solucionarlo se podria hacer algunas de las siguientes cosas:

    – Subir imagenes mas pequeñas que el tamaño grande que esta ajustes – medios, como comenta @almendron.
    – Poner a 0 el tamaño grande para no generarla en el caso de que no se utilicen.
    – Desactivar la extension imagick de PHP
    – Eliminar la class «WP_Image_Editor_Imagick» del array usando el filtro wp_image_editors para que solo use la class «WP_Image_Editor_GD»
    – Cambiar la calidad usando el filtro wp_editor_set_quality, aunque sin poder cambiar la compresion sinceramente no creo que valga la pena perder calidad por ganar unos pocos kb.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Problema en Pagespeed por las Imágenes que muestra la web’ está cerrado a nuevas respuestas.