Soporte » Plugins y Hacks » Optimización imágenes pagespeed

  • Resuelto claquetam

    (@claquetam)


    Hola,

    Tengo un pagespeed terrible en movil, un 20%. El mayor problema son las imágenes, que necesitan ser optimizadas porque pesan demasiado. El problema es que da igual qué plugin de optimización active, he probado smush, EWw, ShortPixel, Imaginfy… y con ninguno logro mejorar nada. No sé qué puede pasar y por qué mi web está en números rojos en la evaluación.

    Gracias.

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

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

    (@kallookoo)

    Hola @claquetam

    No me he parado mucho en comprobar tu web pero el problema lo tienes en que las imagenes originales son de un tamaño relativamente grande, puedes usar photoshop o algun servicio online para redicir el tamaño (no las dimensiones, me refiero al peso) ya que al usar un builder, el usa las imagenes originales y las incluye una propiedad CSS, por lo tanto ni el lazyload ni la caracteristica del WordPress que introdujo para mostrar diferentes tamaños por dispositivo, viewport no lo usa.

    Mi recomendacion final y viendo que es un diseño minimalista es que te tomes un tiempo en buscar un theme que se adapte lo maximo posible a lo que tienes pensado y descartes usar GeneratePress + Builder, con eso se deberia mejorar bastante el WPO

    Iniciador del debate claquetam

    (@claquetam)

    Hola, primero muchas gracias por responder, la verdad es que estoy un poco frustrada con el tema. El Genereta Press versión gratuita lo instalé el viernes para comprobar el pagespeed. Pero tenía instalado uno de pago, el «The7, y el rendimiento con ese era lamentable (es el 20% del que hablo arriba). Las páginas las construí con WP Bakery porque viene como plugin gratuito con el tema. ¿Conoces el tema¿ ¿Sabes por qué está tan mal optimizado?

    Otra de las cosas que me sorprende es que tenga que bajar el peso de forma manual cuando se supone que hay plugin que hacen justamente eso. Y también que el Wp Bakery no sea tan responsive como te lo pintan. Porque además, necesito usarlos para crear al menos la portada.

    Muchas gracias de nuevo por tu ayuda.

    Hola @claquetam

    El GeneratePress no es que este mal optimizado, piensa que es un theme multiproposito + builder con lo que es imposible controlar todas las variables al 100%*100%. Por eso te sugeri que buscases un theme concreto y minimalista.

    Sobre el Builder en si, personalmente no los uso nunca. Los motivos, asi resumiendo es que no son nada amigables con el WPO.

    Sobre las imagenes yo siempre prefiero hacerlo manualmente ya que asi controlo mejor la calidad resultante y para los diferentes tamaños ya lo hace el propio WordPress que salvo casos concretos lo hace bastante bien en relacion calidad/peso.

    Sobre la home y si quieres seguir usando el builder, lo suyo seria que mires como utilizarlo correctamente para ver si es posible usar las imagenes que añades como contenido html en vez de una propiedad CSS. En el mundo del WordPress lo llamamos la imagen destacada.

    P.D: No te obsesiones con el pagespeed u otra web del estilo me de un 100 ya que salvo en algunos casos nunca se conseguira, existen muchos factores al respecto. Y si quieres conseguirlo ya deberias acudir a un profesional.

    Iniciador del debate claquetam

    (@claquetam)

    La verdad es que tienes razón. Generete press es uno de los mejores temas, pero es cierto que quiero algo muy específico. Y mucho mejor no utilizar builders.

    El problema es que he estado mirando temas de «news/Magazines» y aquí es difícil encontrar un tema que tenga buen SEO y buena velocidad, o al menos no queda claro que destaque en ese sentido. Conoces algún tema de este estilo que merezca la pena?

    Gracias de nuevo.

    Hola @claquetam

    Sinceramente, no.
    Cuando necesito uno es unico para cada proyecto, vamos que hace años que no utilizo ninguno creado por terceros, me suelen hablar de algunos y suelen ser los mas usados pero nunca he realizado pruebas para determinar si tienen un buen rendimiento.

    Igualmente lo comentare, por si alguien quiere sugerirte alguno.

    Saludos

    Moderador Fernando Tellado

    (@fernandot)

    Hola @claquetam

    Tengo clientes a los que hago mantenimiento de su web con el tema The7 y no es el problema, ni siquiera WP Bakery, sino los recursos no optimizados que, en tu caso son…

    – Imágenes de más de 150 kb en portada – NO hay solución mágica, tienes que acostumbrar a subirlas ya optimizadas y pasar de plugins de automatismos. Si no tienes una aplicación de fotografía para reducirlas prueba esta: https://squoosh.app/

    – Tampoco sirves imágenes en WebP, que ayudaría. Prueba con el plugin WebP Express, es gratis total y lo hace perfecto.

    – Tienes políticas de seguridad que interfieren con recursos. Por ejemplo tienes activa la política x-frame y al mismo tiempo un frame de Facebook. O lo uno o lo otro. Mientras es un recurso que no termina de cargar por la política de seguridad y eso suma a tus tiempos de carga totales, y penaliza la puntuación

    – No estás aplicando una estrategia de caché correcta, solo con Autoptimize no basta, y menos si no está bien configurado. Necesitas aplicar caché (de servidor ya veo que no tienes) aunque solo sea de página, como con WP Rocket o Cache Enabler, y si además sirves el contenido estático desde CloudFlare mucho mejor

    Prácticamente todo son soluciones gratuitas, y no es mucho trabajo, en general no tienes problemas graves.

    Iniciador del debate claquetam

    (@claquetam)

    Hola @fernandot

    Primero muchas gracias por la respuesta. A pesar que the7 se puede optimizar lo veo más complicado para mí, y de pasar de un tema a otro el pagespeed me baja 30%, así que de momento seguiré con Generate Press.

    Con respecto a la observaciones:
    – Ya he solucionado lo de Facebokk y efectivamente me ha mejorado la velocidad.
    – Tendré en cuenta lo de las imágenes, optimizándolas antes.
    – El único plugin que admite mi hosting de webp es «webp express» y encima me da problemas por el archivo htacces y de momento no he logrado instalarlo.
    – Respecto al cahé tengo dos plugin : el Autoptimizate y Wp Fastest Cache. Ambas las configuré siguiendo una guía para generate Press, así que no sé muy bien lo que está fallando.

    El rendimiento en mvl me ha mejorado hasta el 82% en mvl.

    Muchas gracias de nuevo e intentaré seguir implementando lo demás

    Moderador Fernando Tellado

    (@fernandot)

    Nada, me alegro, para todo lo demás aquí nos tienes 😉

    Iniciador del debate claquetam

    (@claquetam)

    Hola, perdonad que os moleste otra vez. Es que me ha surgido otro problema.

    Primero decirte que corregí el Automatizate como me dijiste y mucho mejor.

    Segundo, es que aunque ahora tengo un 90% de rendimiento, el LCP es de 5s y el FCP de3,8 en (Descubre lo que experimentan tus usuarios reales). Que al final es el tiempo que tarda en cargarse. Y estoy un poco perdida en cuanto a las métricas. porque por un lado el rendimiento es bueno pero por otro lado no logro superar las métricas de web principales. Gracias de nuevo.

    Moderador Fernando Tellado

    (@fernandot)

    Las mediciones son muy buenas (90/99) pero sí, tienes aún cosas que solucionar, y para eso ya tendría que entrar en un detalle para el que tendría que ver tu web por dentro y hacer cambios como … 

    – Lazy load selectivo
    – Precarga de fuentes, dns y scripts
    – Caché eficiente, no lo que tienes ahora
    – Servir imágenes en WebP
    y alguna cosa más, también relacionada con imágenes y scripts

    Tienes más detalle de los problemas en Gtmetrix, en la pestaña waterfall https://gtmetrix.com/reports/laclaquetametalica.com/fiVitg0o/

    Si tienes tiempo para leer he escrito algo sobre estas cosas en mi blog.

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Debes estar registrado para responder a este debate.