0
Kayıt Ol

Font optimizasyon nasıl yapılır?

7

●

152

  • 31-03-2022, 22:16:19
    #1
    HelloWorld
    HelloWorld
    Merhaba, özel bir tasarım kullanıyoruz ve bu tasarım elementor ile bütünleşik çalışıyor. Tamamen özelleştirdik ve optimize ettik ancak gtmetrix raporlarına baktığımızda isteklerin yarısı fontlardan oluşuyor. Yani total page size 1.20 mb iken bunun 600KB'ta yakını font istekleri.

    Fontları nasıl optimize edebiliriz?

    Edit: woff2 kullanıyoruz.
  • 31-03-2022, 22:19:09
    #2
    randland
    randland
    Üyeliği durduruldu
    Hız Optimizasyon Lazımsa yardımcı olabilirim
  • 31-03-2022, 22:23:19
    #3
    HelloWorld
    HelloWorld
    randland adlı üyeden alıntı: mesajı görüntüle
    Hız Optimizasyon Lazımsa yardımcı olabilirim
    Teşekkür ederim optimizasyon yaptım zaten css, js, resim dosyaları vs. her şey oldukça iyi. Cdn bile kurdum. Sadece font olayını çözemedim.
  • 31-03-2022, 22:27:52
    #4
    oguzhanx
    oguzhanx
    Merhaba,

    bazı fontlarda bizim kullanmadığımız karakterler, alfabeler (Grek alfabesi, İbrani alfabesi vb.) de font dosyası içerisinde bulunduğu için gereksiz yere font dosyalarının boyutları artmış oluyor. Font editoru ile font dosyanızı açın ve kullanmadığınız karakterleri dosya içerisinden silerek revize ettiğiniz font dosyasını kullanın.
  • 31-03-2022, 22:34:44
    #5
    HelloWorld
    HelloWorld
    oguzhanx adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    bazı fontlarda bizim kullanmadığımız karakterler, alfabeler (Grek alfabesi, İbrani alfabesi vb.) de font dosyası içerisinde bulunduğu için gereksiz yere font dosyalarının boyutları artmış oluyor. Font editoru ile font dosyanızı açın ve kullanmadığınız karakterleri dosya içerisinden silerek revize ettiğiniz font dosyasını kullanın.
    Cevabınız için teşekkür bu hiç aklıma gelmemişti güzel teknik. Ancak font klasörünü açtığımda bir dosyanın 5 farklı uzantısı olduğunu görüyorum. Örneğin, fo.eot, fo.svg, fo.ttf, fo.woff ve fo.woff2. Hepsini tek tek düzenlemem mi gerekiyor acaba? İlgili font'un woff2 dosyasını notepad ile açtığımda metin bozuk görünüyor yani düzenleyemiyorum.
  • 31-03-2022, 22:42:23
    #6
    oguzhanx
    oguzhanx
    HelloWorld adlı üyeden alıntı: mesajı görüntüle
    Cevabınız için teşekkür bu hiç aklıma gelmemişti güzel teknik. Ancak font klasörünü açtığımda bir dosyanın 5 farklı uzantısı olduğunu görüyorum. Örneğin, fo.eot, fo.svg, fo.ttf, fo.woff ve fo.woff2. Hepsini tek tek düzenlemem mi gerekiyor acaba? İlgili font'un woff2 dosyasını notepad ile açtığımda metin bozuk görünüyor yani düzenleyemiyorum.
    Font Forge programını yükleyin ve program üzerinden .woff dosyasını açarak gereksiz karakterleri silin.

    Örnek Arial.woff font dosyası:

  • 31-03-2022, 23:28:09
    #7
    HelloWorld
    HelloWorld
    oguzhanx adlı üyeden alıntı: mesajı görüntüle
    Font Forge programını yükleyin ve program üzerinden .woff dosyasını açarak gereksiz karakterleri silin.

    Örnek Arial.woff font dosyası:

    Şimdi kurdum ve woff2 çalıştırdım. Belirttiğin gibi kullanılmayan birçok yabancı karakter var. Bunları toplu olarak seçip nasıl kaldıracağım?
  • 01-04-2022, 02:41:52
    #8
    oguzhanx
    oguzhanx
    HelloWorld adlı üyeden alıntı: mesajı görüntüle
    Şimdi kurdum ve woff2 çalıştırdım. Belirttiğin gibi kullanılmayan birçok yabancı karakter var. Bunları toplu olarak seçip nasıl kaldıracağım?
    Mouse ile toplu seçim yapabilirsin veya SHIFT' e basarak toplu seçebilirsin ayrı bölümlerde bulunanları, ardından sağ tık > clear demen yeterli.