igrafiq·hace 3 meses· 4 respuestas

¿Cómo mejorar el First Contentful Paint

Alguien puede echarme una mano con el tema de First Contentful Paint. ¿Cómo podemos hacer que no tarde tanto en cargar las metricas?

Ejempo: https://pagespeed.web.dev/analysis/https-thevilahome-com/1edh6yk396?form_factor=mobile

Gracias a todos

Adjunto:
Adjunto no disponible

Emprendedor SEO incansable. CEO de agencia de marketing en Vilanova i la Geltrú

4
4
Suscribirse
Notify of
4 Respuestas
Más recientes
Más antiguos Más votado
Inline Feedbacks
View all comments
carlosjulian

Autoptimize para lidiar con el CSS y JS, tus imágenes con formato webp, cachear bien la web puedes usar cloudflare, yo te lo recomiendo, y revisar también jquery, si lo ocupas, sino dale descanso. La plantilla juega un papel también importante, porque se me hace robusta. Pero el comentario de todos, tiene sentido. Saludos.

Federico

Buenas Rafa! Cómo estás?

Aquí algunas cosas que veo:

Lo que más ralentiza la página es esto:

  • Elemento del Procesamiento de imagen con contenido más grande

Al parecer es esta imagen:

comment image

Que tarda en renderizarse, y además ocupa más de lo que realmente se está viendo. ¿Es realmente necesaria o puede quitarse?

Si la sacas es muy probable que ese error desaparezca y ganes muchos milisegundos.

Lo segundo que más ralentiza es esto:

  • Elimina los recursos que bloqueen el renderizado 

Podrías probar instalando WP Rocket o Autoptimize para minificar y unificar los archivos, y además aplicarle carga diferida. Con esto deberías mejorar ese punto.

Yo creo que mejorando esas dos cosas te subirá mucho el puntaje.

Abrazo!

Last edited 3 meses atrás by Federico
Rafa

Muchas cosas:
El servidor lo tuneas o usas un CDN
Imagenes reducir tamaños
optimizar css y JS
Haz una precarga de recursos, preload
Fuentes Google locales
Caché de navegador activa.

saludos y suerte

luismi

Buenas.

La parte de la optimización es clave para conseguir una mejor experiencia de usuario y sobre todo, si te dedicas a ello una mejor conversión.

Hay varias cosas que puedes mejorar, por ejemplo, el tema del javascript, CSS y las imágenes.

El CSS y el Javascript puedes hacerlo con wp-rocket y las imágenes habría que optimizarlas a forma webp para un peso mucho menor y una carga más rápida.

Valora las personas que te entran desde el móvil y desde el ordenador para saber a que darle prioridad.

Por último te aconsejo leer a Raul y suscribirte a la newsletter.

Es un crack en WPO y si necesitas alguna asesoría, trabaja muy bien. Te lo digo porque yo le contraté.