Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1087558

    Hallo Kriesi,
    bei der Analyse meiner Seite https://www.thiersch.com/ mit Google PageSpeed werden mir extrem lange Ladezeiten für Ressourcen und Fonts angezeigt.
    Das sind die Meldungen:
    ——-
    Empfehlung:
    1. Wichtige Anforderungen vorab laden: Mit <link rel=preload> können Sie das Abrufen von Ressourcen priorisieren, die aktuell später beim Seitenaufbau angefordert werden.
    URL: …fonts/entypo-fontello.woff
    (www.thiersch.com)
    Mögliche Einsparung (ms):15.930 ms
    ——-
    Diagnose
    Weitere Informationen zur Leistung Ihrer App.
    1. Darauf achten, dass der Text während der Webfont-Ladevorgänge sichtbar bleibt: Sie können Gebrauch von der CSS-Funktion “font-display” machen, um sicherzugehen, dass der Text für Nutzer sichtbar ist, während Webfonts geladen werden. Weitere Informationen.
    ——-
    Ist das ein Problem vom Enfold-Theme?

    #1089294

    Hey Kai,

    Thank you for using Enfold.

    According to the docs, we have to add the font-display property so that the browser can decide how to load or swap the fonts.

    // https://developers.google.com/web/updates/2016/02/font-display

    In this case, we need to apply that property to the font icons. Please edit the config-templatebuilder > avia-templatebuilder > php > font-manager.class.php file, look for this code around line 507:

    				$output .="
    @font-face {font-family: '{$font_name}'; font-weight: normal; font-style: normal;
    

    Replace it with:

    				$output .="
    @font-face {font-family: '{$font_name}'; font-weight: normal; font-style: normal; font-display: swap;
    

    Best regards,
    Ismael

    #1093709

    Danke für die Antwort! Das wird mir aber zu kompliziert das selbst zu ändern.
    Verstehe ich das richtig, dass das ein Enfold-Problem ist und im nächsten Update gelöst sein wird? Ist ja anscheinend nicht nur mein Problem.
    Viele Grüße,
    Kai

    #1094129

    Hi Kai,

    This is not an Enfold problem and it does not have to be implemented unless you need it. It might not be added in the next update yet.

    Best regards,
    Victoria

    #1134742

    I found the following solution:

    add_filter('avf_font_display', function($swap) {
        return 'swap';
    }, 10, 1);
    
    add_filter('avf_google_fontlist', 'add_font_display');
    function add_font_display ($fonts) {
        return $fonts.='&display=swap';
    }

    Second one is if you load google fonts in footer via javascript.

    #1135235

    Hi ramotzkie,

    Great, I’m glad that you found a solution and thanks for sharing :-)

    Best regards,
    Rikard

    #1137038

    Where do you need to paste this code?

    #1137085

    In functions.php of your child theme.

    #1137094

    thank

    #1137098

    It does not work unfortunately ((
    Anywhere in Function.pchp can I add?

    #1137347

    Yes anywhere. Should work.
    Are you sure nothing happens? Did you check source code?

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.