Wsparcie » Używanie i konfiguracja WordPressa » Zmiana lub dodanie atrybutu ( preload ) w sekcji head

  • brudtech

    (@brudtech)


    Szanowna Grupo,

    Próbuje rozwiązać problem długiego ładowania czcionek. Narzędzie PageSpeed Insights pokazuje 1.8 sekundy opóźnienia w ładowaniu. PSI sugeruje żeby załadować funkcje <link rel=preload> do sekcji head strony w html.
    Link do PSI : ( link do PSI)

    Funkcja html wydaje mi się, że powinna wyglądać docelowo tak:
    (szybsze ładowanie czcionek z motywu)
    <link rel=”preload” href=”https://www.brudtech.pl/wp-content/themes/hotel-melbourne/css/fonts/Exo2-Medium.ttf&#8221; as=”font”>

    <link rel=”preload” href=”https://www.brudtech.pl/wp-content/themes/hotel-melbourne/css/font-awesome-4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0&#8243; as=”font”>

    I teraz pytanie w jaki sposób zaimplementować funkcję do sekcji head? Może są od tego wtyczki? Może trzeba wgrać funkcję w plik php – jaką?

    Stronę omawianą stworzyłem sam, jestem hobbystą samoukiem. Html i css ogarnę jakoś. PhP i inne języki to dla mnie za dużo.

    A może (obchodząc od tyłu temat) można wgrać inne szybkie podobne czcionki w plik z czcionkami na serwerze? – edytowanie czcionki Exo2Medium i wpisanie w plik „szybkiej czcionki”? Ale to takie kombinowane..

    Strona przy której potrzebuję pomocy: [zaloguj się aby zobaczyć ten link]

Viewing 1 replies (of 1 total)
  • Kamil Laskowski

    (@laskowskikamil)

    Wygląd -> edytor motywu-> Wybierz motyw, który chcesz edytować (ten z którego korzystasz) -> edytuj header.php

    Przed </head> dodaj swój <link>

    Przykładowo:
    <link rel=”preload” href=”https://www.brudtech.pl/wp-content/themes/hotel-melbourne/css/font-awesome-4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0″ as=”font”>
    <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>

Viewing 1 replies (of 1 total)