Mejorar velocidad url (Google Fonts)

Club para webmasters Foros Creación de páginas web Mejorar velocidad url (Google Fonts)

Viendo 10 entradas - de la 1 a la 10 (de un total de 10)
  • Autor
    Entradas
  • #15256 Karma: 0
    Gumer
    Participante
    2
    ChorriPuntos 263
    Nuevo

    Hola. Tengo un problemilla.

    No consigo pasar de 74 de PageSpeed Insights para la versión móvil de mi url. En la versión ordenador consigo un 98.

    He visto el video de David ” Acelerar VELOCIDAD DE CARGA 🚀 Página web en WordPress_ Configurar cPanel, CloudFlare y plugins” e instalé el A3 Lazy Load, el Autoptimize y como tengo el hosting en Raiola el LiteSpeed Cache.

    La web la hice con OceanWP y gutemberg, nada de elementor ni cosas raras.

    Parece que el problema lo tengo con Google Fonts, ya que utilicé la fuente Roboto y carga externamente

    Esto es lo que me dice el PageSpeed para la versión móvil:

    https://drive.google.com/file/d/1h9ekRLTSU2MmWKHGGXsfQhVTSAJKl3RQ/view?usp=sharing

    ¿Alguna idea de como optimizar esto un poco más?

    Muchas gracias por adelantado

    • Este debate fue modificado hace 3 meses, 3 semanas por Gumer.
    • Este debate fue modificado hace 3 meses, 3 semanas por Gumer.
    • Este debate fue modificado hace 3 meses, 3 semanas por Gumer.
    • Este debate fue modificado hace 3 meses, 3 semanas por Gumer.
    • Este debate fue modificado hace 3 meses, 3 semanas por Gumer.
    • Este debate fue modificado hace 3 meses, 3 semanas por Gumer.
    #15265 Karma: 1
    David Cuesta
    Superadministrador
    149
    ChorriPuntos 6.910
    Curso SEO
    ChorriCuesta

    Deberás precargar la fuente, aunque no podrás acelerarlo tanto como si usaras una fuente de las que ya trae el navegador (repercusiones inevitables de usar fuentes de google fonts).

    Para hacer preload debes añadir en el head de todas las urls donde salga la fuente, el siguiente código:
    <link rel="preload" href="-------" as="font">

    En href deberás poner la url de la fuente, la misma que te da error en el speed insights.

    Un saludo!

    #15266 Karma: 0
    Gumer
    Participante
    2
    ChorriPuntos 263
    Nuevo

    Muchas gracias David!!!

    Pruebo a ver que tal va de velocidad y si no quito esa fuente y pongo una del navegador como dices

    Saludos!!!

    #15285 Karma: 0
    Gumer
    Participante
    2
    ChorriPuntos 263
    Nuevo

    Al final no me compliqué la vida y cambié la fuente Roboto por Arial. En móvil me subió de 74 a 84 y en ordenador a 100.

    Ahora me dice que el Autoptimize tiene un ahorro potencial de 450ms y que un jquery tiene un ahorro de 150 ms. ¿Me meto a pulir esto? me imagino que tendré que cambiar el plugin de caché por otro

    Saludos

    #15289 Karma: 1
    Manu Soporte
    Moderador
    23
    ChorriPuntos 1.232
    Nuevo

    Buenas tardes y feliz lunes!
    Mira puedes hacerlo, pero te digo ya que de un 84 a un 90 no lo vas a notar apenas, tómatelo como una simple métrica más en el conjunto de todo. No te obsesiones con pequeños detalles y gasta energías en otras cosas que se puedan mejorar.
    Un codazo enorme!

    #15292 Karma: 1
    Ricardo
    Participante
    27
    ChorriPuntos 934
    Curso SEO
    ChorriSEO

    Buenas!

    Yo uso el plugin gratuito OMGF. Y me cambia la velocidad bastante, tiene un vídeo Álvaro Fontela explicandólo. Se configura en 2 minutos.

    Lo que no sé es si hace lo mismo que poner en el head lo que dice @davidcuesta

    Un saludo!

    #15296 Karma: 1
    David Cuesta
    Superadministrador
    149
    ChorriPuntos 6.910
    Curso SEO
    ChorriCuesta

    Al final no me compliqué la vida y cambié la fuente Roboto por Arial. En móvil me subió de 74 a 84 y en ordenador a 100.

    Ahora me dice que el Autoptimize tiene un ahorro potencial de 450ms y que un jquery tiene un ahorro de 150 ms. ¿Me meto a pulir esto? me imagino que tendré que cambiar el plugin de caché por otro

    Saludos

    Lo que ralentiza autoptimize realmente significa que el archivo CSS y el JS que genera son muy grandes, pero no es culpa de autoptimize, sino de todos los otros plugins que generan archivos… Seguramente con otros plugins tengas el mismo problema.
    El siguiente punto creo que sería hacer que los plugins no se carguen en las págginas donde no se usen. Puedes hacerlo con Asset Cleanup Pro, pero no lo pongas a hacer lo mismo que Autoptimize o el plugin de caché.

    Sobre OMGF, me acabo de ver el vídeo de Fontela (https://youtu.be/CqaImwsXVbc) y está basado en Google fonts, no entiendo bien cómo trabaja el plugin pero seguramente no sólo precargue las fuentes sino que también las instale en tu propio servidor y las cachee, creo que se puede mejorar más así… pero como bien dice Álvaro, las Google fonts son muchas y pueden servir mucho sí, pero te van a ralentizar sí o sí.

    Un saludo!

    #15305 Karma: 0
    Gumer
    Participante
    2
    ChorriPuntos 263
    Nuevo

    Hola Manu. Tienes razón. Me voy a meter con el SEO y sobre todo con el linkbuilding que estoy pez.

    Acabo de pasar las dos primeras urls de la competencia por pageSpeed y la que está en primera posición me gana en velocidad por poco. Y la segunda tiene un 21 para móvil y 60 para ordenador.

    Muchas gracias por comentar

    #15306 Karma: 0
    Gumer
    Participante
    2
    ChorriPuntos 263
    Nuevo

    Muchas gracias por el aporte Ricardo, no conocía a este chico ni su canal. Lo veo muy interesante

    Al final lo que hce es cambiar la google fonts a arial por 3 razones:

    1. Gané velocidad, sobre todo en móvil (10 puntos)
    2. Para sacarles velocidad hay que tocar código o utilizar plugins y quiero algo sencillo
    3. Hay que avisar de su uso ya que te meten cookies

    Por lo que voy a seguir el consejo de David y utilizar fuentes que vengan en el navegador. En cuanto a diseño tampoco queda tan mal

    Un saludo!!!

    #15307 Karma: 1
    Gumer
    Participante
    2
    ChorriPuntos 263
    Nuevo

    Buenos días David

    Lo de google fonts arreglado. No las utilizo y todo más rápido

    Yo creo que autoptimize hace un buen trabajo. Lo desactivé y bajó la velocidad

    Voy a dejar así la página y centrarme en SEO y linkbuilding ya que la competencia no es tan rápida como yo.

    Lo de hacer que los plugins no se carguen en las páginas que no se usen lo veo complicado para hacer ahora con mis conocimientos. Mejor me centro en SEO.

    Muchas gracias por todo!!!

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