Cargar google fonts desde el servidor

Club para webmasters Foros Creación de páginas web Cargar google fonts desde el servidor

Viendo 7 entradas - de la 1 a la 7 (de un total de 7)
  • Autor
    Entradas
  • #26165 Karma: 0
    RaulSkelly
    Participante
    2
    ChorriPuntos 454
    Nuevo

    Muy buenas chorris!

    Primero de todo felicitaros el año!

    Y segundo ahí va la consulta: Quería cargar las fuentes externas de google desde el tema para cargarlas así de manera local y reducir el tiempo de carga. El caso es que estoy un poco perdido a la hora de hacerlo manualmente, he visto que hay que descargar las fuentes de google y luego crear una carpeta para alojar las fuentes. No sé muy bien dónde habría que colocar la carpeta (según lo que he leído, a la altura de wp-admin) y tampoco sé dónde está la llamada al archivo externo de fuentes de Google (‘fonts-url’ => ‘https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,700&display=swap’) en GeneratePress para eliminar esta llamada una vez alojadas las fuentes en el servidor. Supuestamente debería estar en el functions.php del tema pero no lo encuentro.

    No habrá quizá algún plugin para hacer esto y facilitarnos la vida??

    Gracias de antemano

    Un saludo!

    #26166 Karma: 0
    David Cuesta
    Superadministrador
    161
    ChorriPuntos 8.677
    Curso SEO
    ChorriCuesta

    Feliz año!

    En este tutorial de GeneratePress creo que lo explican bien: https://docs.generatepress.com/article/adding-local-fonts/

    Un saludo!

    #26170 Karma: 0
    RaulSkelly
    Participante
    2
    ChorriPuntos 454
    Nuevo

    Mil gracias David!

    Lo he aplicado en un par de sitios:

    Uno con Elementor y otro en un GeneratePress con GenerateBlocks.

    En el de Elementor no ha funcionado, sigue cargando las fuentes de google de manera externa. He desactivado las fuentes de Elementor en sus ajustes para que heredase los del tema y las fuentes globales están por defecto así que imagino que igualmente heredarán las del tema. Y nada, en el GT Metrix y el PageSpeed me sale que hace llamadas a las fuentes externas de Google.

    En el otro caso sí que ha funcionado y se ha notado en las métricas. Tenía 83/87 en Page Speed y ha subido a 87/88. Luego he configurado el WP Rocket y minificando y retrasando JS y cargas diferidas y 100/100 en PSI y GT metrix. Una maravilla el WP Rocket y Generate Press.

    Es curioso porque el segundo sitio es bastante más grande que el primero.

    Como reflexión personal, y si os sirve, llevo trabajando y estudiando el WPO a fondo estos últimos dos meses y la verdad es que tratar de optimizar las métricas de Elementor es un trabajo titánico y sinceramente, lo hago casi por pique al ver sitios con muy buenas métricas de Elementor… Pero creo que no merece la pena. Más vale usar bien el GenerateBlocks, los hooks de GeneratePress, shortcodes y manejar mínimamente el CSS para maquetar bien y a la vez partir con buenas métricas de inicio.

    Un saludo!

    #26173 Karma: 0
    David Cuesta
    Superadministrador
    161
    ChorriPuntos 8.677
    Curso SEO
    ChorriCuesta

    Completamente de acuerdo! Me alegro que te haya servido 😀

    Un saludo!

    #26216 Karma: 0
    RaulSkelly
    Participante
    2
    ChorriPuntos 454
    Nuevo

    Conseguí resolver lo de la carga de googlefonts de Elementor!

    Había que introducir este código en el functions.php de tu tema o del child:

    add_filter( ‘elementor/frontend/print_google_fonts’, ‘__return_false’ );

    Os dejo también el artículo donde lo he encontrado y que tiene más consejos de optimización para elementor: https://elementor.com/help/speed-up-a-slow-site/

    Un saludo!

    #26220 Karma: -1
    David Cuesta
    Superadministrador
    161
    ChorriPuntos 8.677
    Curso SEO
    ChorriCuesta

    Genial! Muchas gracias por el aporte a la comunidad 😀

    Un saludo!

    #26347 Karma: 0
    RaulSkelly
    Participante
    2
    ChorriPuntos 454
    Nuevo

    Nada chicos, olvidad lo último que puse acerca del código en el functions porque, como bien dice el código, eso lo que hace es no imprimir las fuentes en el frontend, o sea, que no se ven en la página.
    No consigo que Elementor herede las fuentes del tema y las imprima en el frontend.

    En cualquier caso, he conseguido 95% en performance en GT Metrix y entre 1.2 y 1.5 segundos de carga en este sitio, lo cual ya me parece un éxito.

    Saludos y perdón por el fallo.

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