Support » Allmänna frågor » Problem med fonts och pagespeed insight

  • Hejsan! Pagespeed insight ger mig två rätt stora fel när jag kollar upp min hemsida, på mobilversionen och datorversionen. Följande är något den klagar på angående enbart mobilversionen:

    Resurser blockerar sidans första rendering. Infoga nödvändig JS-/CSS-kod direkt på sidan och skjut upp inläsningen av JS-kod/formatmallar som är mindre viktiga. Läs mer.
    WordPress
    Det finns ett antal pluginmoduler för WordPress som kan hjälpa dig att lägga till kritiska tillgångar direkt på sidan eller skjuta upp inläsningen av mindre viktiga resurser. Tänk på att optimeringarna som dessa pluginmoduler gör kan leda till att funktioner i teman eller andra pluginmoduler slutar fungera, så du kan behöva ändra i koden.
    https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i|Domine:400,700|Oswald:400,700
    https://mobilmeckaren.se/wp-content/cache/wpfc-minified/11t872y8/dnm7p.js

    Följande är ett problem både för dator och mobil:

    Se till att all text förblir synlig medan webbteckensnitten läses in
    Använd funktionen font-display i CSS så att texten är synlig för användaren medan webbteckensnitten läses in. Läs mer.
    
    https://fonts.gstatic.com/s/domine/v7/L0x8DFMnlVwD4h3hu_qnZypEiw.woff2
    https://fonts.gstatic.com/s/playfairdisplay/v15/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lW4e5j5hNKc.woff2
    https://fonts.gstatic.com/s/domine/v7/L0x_DFMnlVwD4h3pAN-ySghJoXi-Xw.woff2
    https://mobilmeckaren.se/wp-content/themes/gridmag/assets/fonts/fontawesome-webfont.woff2?v=4.7.0
    https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2

    Jag behöver alltså hjälp med att fixa till fontsen. Har följande plugins installerade som har med font att göra: Autoptimize, Easy Google Fonts

    Sidan jag behöver hjälp med: [logga in för att se länken]

Visar 1 svar (av 1 totalt)
  • Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Med så många olika typsnitt blir det kanske onödigt mycket att ladda ner för en besökare. Dessutom gör sidan ett ”spretigt” intryck.

    Du kanske inte behöver alla?

    Font-display är instruktioner till webbläsaren om hur den ska bete sig om det inte lyckas att ladda hem alla typsnitt du efterfrågar. Mer information om detta finns t.ex. på https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display

    Där kan du också se att det är långtifrån alla webbläsare som förstår detta kommando. Men visst kan det vara bra att inkludera det för de webbläsare som är med på noterna.

    PS! På skoj kollade jag hur den ”ryska varianten” av sidan blir. Bästa ordet är nog: Obegripligt. Om du vill erbjuda webbplatsen på olika språk skulle jag rekommendera att du skapar en ”riktig” flerspråkig webbplats med de språk du klarar/kan ordna. Övriga språk klarar besökarna av själva, kanske med samma google translate, men utan att du får ”skämmas” för deras stundtals ”intressanta” maskinöversättningar. (Disclaimer: Jag är å andra sidan översättarnörd…)
    För en liten flerspråkig webbplats kan du t.ex. använda Polylang, men det finns fler varianter, kolla http://wordpress.org/plugins/tags/multilingual (Kolla dock noga om det hela kommer att fungera tillsammans med WooCommerce.)
    Som ett alternativ kan du ju lägga upp en separat sida med den viktigaste informationen på olika språk, helt utan flerspråkighet m.m. Visst: fast innehåll på sidan, såsom datum och kommentarsfälten kommer då att ha kvar svensk format och svenska uttryck, men det hela blir betydligt enklare att hantera än om du ska översätta ALLT.

Visar 1 svar (av 1 totalt)
  • Ämnet ”Problem med fonts och pagespeed insight” är stängt för nya svar.