INHOUDSOPGAWE:

Hoe kan ek die laai van lettertipes versnel?
Hoe kan ek die laai van lettertipes versnel?

Video: Hoe kan ek die laai van lettertipes versnel?

Video: Hoe kan ek die laai van lettertipes versnel?
Video: Ремонт на балконе Ошибки монтажа теплого пола. #37 2024, November
Anonim

Kom ek wys jou 'n strategie vir vinniger laai van lettertipes

  1. Sit Lettertipes op CDN. Een eenvoudige oplossing vir die verbetering van die webwerf spoed gebruik 'n CDN, en dit is nie anders vir lettertipes .
  2. Gebruik nie-blokkerende CSS Laai tans .
  3. Skei Lettertipe Keurders.
  4. Berging Lettertipes in plaaslike berging.

Vervolgens kan 'n mens ook vra, hoe kan ek Google Fonts vinniger laat laai?

  1. Laai Google Fonts eers voor CSS. Plaas die Google-invoerkode so dat dit direk na die html HEAD-merker laai, SELF voordat die CSS-lêer gelaai word.
  2. Gebruik skakelformaat. Daar is 3 maniere waarop jy Google Fonts ‚ @import, skakel rel en javascript kan laai.
  3. Minder lettertipes.
  4. Kombineer jou lettertipe kodes.
  5. Afsluiting.

Tweedens, vertraag Google-lettertipes die webwerf? Ekstern lettertipe skrifte soos Typekit of Google Fonts vertraag jou werf. Typekit is die ergste vir spoed. Webveilig lettertipes is gewaarborg om vinniger te wees. Volgens HTTP-argief, vanaf Oktober 2016, web lettertipes is net meer as 3 persent van 'n gemiddelde bladsy se algehele gewig.

Weet ook, hoe optimaliseer jy lettertipes?

Hier is 'n paar stappe wat u kan neem om die aflewering van u lettertipes te optimaliseer

  1. Oudit en monitor lettertipegebruik.
  2. Subset Font Resources.
  3. Lewer geoptimaliseerde fontformate aan elke blaaier.
  4. Gee voorkeur aan local() in src List.
  5. Plaas die lettertipe-versoek vroegtydig.
  6. Behoorlike caching is 'n moet.

Hoe laai ek 'n lettertipe in 'n webwerf?

Die @font-face CSS-reël wat hieronder verduidelik word, is die mees algemene benadering om pasgemaakte lettertipes by 'n webwerf te voeg

  1. Stap 1: Laai die lettertipe af.
  2. Stap 2: Skep 'n WebFont-stel vir kruisblaai.
  3. Stap 3: Laai die fontlêers op jou webwerf op.
  4. Stap 4: Dateer en laai jou CSS-lêer op.
  5. Stap 5: Gebruik die pasgemaakte lettertipe in jou CSS-verklarings.

Aanbeveel: