Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 5, 2019 at 6:39 pm #1087558
    cap10kai

    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?

    April 11, 2019 at 1:52 am #1089294
    Ismael

    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

    April 23, 2019 at 5:29 pm #1093709
    cap10kai

    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

    April 24, 2019 at 7:42 pm #1094129
    Victoria

    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

    September 6, 2019 at 6:32 am #1134742
    ramotzkie

    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.

    September 7, 2019 at 7:06 am #1135235
    Rikard

    Hi ramotzkie,

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

    Best regards,
    Rikard

    September 11, 2019 at 1:51 pm #1137038
    Konstantin

    Where do you need to paste this code?

    September 11, 2019 at 4:00 pm #1137085
    ramotzkie

    In functions.php of your child theme.

    September 11, 2019 at 4:28 pm #1137094
    Konstantin

    thank

    September 11, 2019 at 4:38 pm #1137098
    Konstantin

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

    September 12, 2019 at 4:28 am #1137347
    ramotzkie

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

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.