Sýnilegur texti við hleðslu

Silktide prófar hvort textinn þinn haldist læsilegur á meðan sérsniðnar leturgerðir eru sóttar. Sumar leturuppsetningar valda því að vafrar fela texta alveg þar til leturskráin berst, þannig að gestir horfa á síðu án nokkurs texta.

Hvers vegna þetta skiptir máli

Leturskrár eru oft stórar og á meðan ein þeirra er sótt gæti vafri, sem hefur ekki fengið aðrar leiðbeiningar, birt textann með þeirri leturgerð sem ósýnilegan. Á hægri tengingu getur þessi „bliksýn ósýnilegs texta“ varað í sekúndur: síðan virðist hlaðin — myndir og uppsetning eru á sínum stað — en þar stendur ekkert. Gestir geta ekki lesið og textatengdar aðgerðir, svo sem leiðsögn, eru í raun horfnar.

Það pirrandi er að textinn er þegar til staðar. Ein lína af fyrir hverja leturgerð segir vafranum að sýna hana með varaleturgerð þar til sérsniðna leturgerðin er tilbúin.

Hvernig á að laga þetta

Bættu font-display: swap við hverja @font-face reglu þannig að textinn birtist strax með kerfisleturgerð og skipti svo yfir þegar sérsniðna leturgerðin berst:

@font-face {
  font-family: 'Pacifico';
  src: url('pacifico.woff2') format('woff2');
  font-display: swap; \/* sýna varatexta strax *\/
}

Fyrir leturgerðir sem eru sóttar frá hýsingarþjónustu skaltu nota valkost þjónustunnar fyrir þetta — til dæmis display=swap færibreytu í slóð stílsniðsins — eða nýjasta innfellingarkóðann, sem inniheldur þetta yfirleitt nú þegar.
Veldu varaleturgerð með svipuðum hlutföllum og sérsniðna leturgerðin þín, svo að sem minnst hliðrun verði þegar skipt er á milli þeirra — sjá Hliðranir í uppsetningu.

Hvernig Silktide prófar þetta

Hlaða síðunni í raunverulegum vafra með þeirri gerð tækis, tengihraða og prófunarstaðsetningu sem stillt er fyrir afkastaprófin þín.
Skoða hverja sérsniðna leturgerð sem síðan notar og prófa hvort @font-face regla hennar haldi textanum sýnilegum á meðan leturgerðin hleðst inn.
Tilkynna hverja leturskrá sem felur texta ásamt áætluðum tíma sem textinn var ósýnilegur.
Gefa síðunni einkunn eftir heildartímanum sem mætti spara: um 100 millisekúndur lækka einkunnina og 200 millisekúndur eða meira telst slakt.

Úrræðaleit

Leturgerðin kemur úr stílsniði frá þriðja aðila

Þú getur ekki breytt stílsniði sem önnur þjónusta hýsir, en lagfæringin felst yfirleitt í því hvernig þú biður um það: flestar leturþjónustur taka við birtingarvalkosti í slóðinni eða bjóða uppfærðan innfellingarkóða. Ef þjónustuveita býður enga leið til að stilla þetta skaltu íhuga að hýsa leturgerðina sjálf svo þú hafir stjórn á reglunni.

Ég sé aldrei neinn ósýnilegan texta

Þegar leturgerðin er í skyndiminni eða tengingin er hröð er bilið of stutt til að taka eftir því — prófunin skiptir máli fyrir gesti í fyrsta sinn á hægari netkerfum. Einnig þarf að hafa í huga ákveðin málamiðlun: með swap sjá þessir gestir varaleturgerðina í stutta stund í staðinn. Stutt leturskipti eru næstum alltaf betri en texti sem vantar.

Við notum táknletur

Þegar skipt er um táknletur birtast staðgengilstákn þar sem táknin ættu að vera, sem getur litið út fyrir að eitthvað sé bilað. Fyrir táknletur er stutt lokunartímabil (font-display: block) eða að skipta leturgerðinni út fyrir SVG-tákn oft betri kostur.