Skip links

Fontide optimeerimine ja kuidas see käib?

Kirjatüübi optimeerimine (subsetting) ei tähenda mitte ainult jõudlust vaid ka jätkusuutlikkust. Väiksemad failid tähendavad vähem andmeedastust, energiatarbimist ja heitkoguseid.

Sissejuhatus

Fontide subsettimine on failide muutmine säilitades ainult need tähemärgid mida sa vajad. Selle asemel, et kasutada täielikku fonti, mis võib sisaldada kümnete keelte ja skriptide tähemärke, loome subsettimisega lihtsustatud versiooni. Sellega tagame, et veebisait laeb ainult seda, mida ta vajab.

Optimeerimata fontide varjatud kulud

Iga teie saidile laaditud font mõjutab selle jõudlust. Täielikud fontide failid kannavad sageli suurt koormust tähemärkidega, millest paljusid teie kasutajad ei näe mitte kunagi. See aeglustab sinu veebisaiti ja suurendab selle süsinikujalajälge.

Aeglaselt laadiv lehekülg aga frustreerib kasutajaid ja kahjustab teie SEO-d. Seda kõike selle pärast, et teie kirjastiilide failid kannavad nähtamatut pagasit, mida nad tegelikult ei vaja.

Räägime glyphidest

Glyph on ühe tähe, numbri või sümboli visuaalne kujutis. Kirjatüübid sisaldavad sadu (mõnikord tuhandeid) glyphe ja seda isegi nende keelte puhul, mida sa ei kasuta.

Näiteks: kui lood ingliskeelset veebilehte, pole sul vaja tähemärke nagu “ä, ö, ü, õ”, mis tähendab, et sa võid need üldse eemaldada. Sellega muudad  faili suurust märgatavalt väiksemaks.

Subsettimise suured eelised

  • Kiirem lehe laadimisaeg: See parandab kasutajakogemust ja SEO-d.
  • Väiksem süsinikujalajälg: Väiksem fail muudab saidi säästlikumaks.
  • Parem ligipääsetavus: Vähem märke tagab kiirema ja parema kogemuse.
  • Parem kasutajakogemus: Tänu kiirusele jäädakse tõenäolisemalt kauemaks saidile.

Õpetus efektiivseks subsettimiseks

  • Vali oma tööriist: Nt. FontSquirrel teeb töö päris hästi ära.
  • Laadi oma failid üles: Lohista oma font (OTF või TTF) tööriista sisse.
  • Vali oma seaded: Kasuta funktsiooni “Custom Subsetting”, et valida vajaminevad tähemärgid.
  • Ekspordi WOFF/WOFF2: Need on kerged ja universaalselt toetatud, tagades optimaalse jõudluse kõigis brauserites.
  • Asendage oma vanad failid: Uuenda oma CSS-i, et viidata oma uutele subsetitud kirjatüüpidele.

Kuidas vältida levinud vigu?

  • Üle subsettimine: Liiga paljude märkide väljajätmine võib muuta saidi teatud rühmadele kõlbmatuks.
  • Liiga vähe subsettimine: Ebavajalike tähemärkide säilitamisega kaotab subsettimine eesmärgi.
  • Vormingu vahelejätmine: Jääge WOFFi ja WOFF2 juurde, et saavutada parim faili suurus ja ühilduvus.

Kuidas me läheneme fontidele?

Aeglaselt. Subsettimine on kohustuslik samm meie veebidisaini protsessis. Usume, et jätkusuutlike saitide loomisel on oluline iga byte. Me hindame iga projekti jaoks hoolikalt fonte, mis tagab, et sinu veebisait on kiire, kasutaja- ja keskkonnasõbralik.

Aeg oma kirjatüüp ümber mõelda

Fontide subsettimine on lihtne ning võimas viis oma veebisaidi optimeerimiseks. See suurendab kiirust, mis omakorda parandab üldist kasutuskogemust ja toetab jätkusuutlikkust. Järgmine kord, kui veebisaiti kujundad, optimeerid või värskendad, küsi endalt: kas see font peab tõesti kogu seda raskust kandma või saan ma seda veidi vähendada?