• 23-09-2020, 22:32:24
    #1
    Arkadaşlar merhaba,
    sitem açılırken font sonradan yükleniyor bu da CLS sorununa sebep oluyor.
    WP-Super-Cache kurunca bu font kayması hallediliyor ama Litespeed kullanmam gerekiyor.
    LiteSpeed cache üzerinde fontun geç yüklenmesi ve değişmesi sorununu nasıl çözerim yardımcı olur musunuz
  • 23-09-2020, 22:40:15
    #2
    css de font-display özelliği aktif olmasın sizde? Yani site ilk anda hızlı yüklenen bir font sonra gerçek fontunuz yükleniyor. ve arada fontun yüklenmesini beklememiş ve ilk anda içerik sunabiliyorsunuz.
    Bu sizin için iyi bir özelliktir ancak yinede iptal etmek isterseniz temada kullanılan font değişecek ve css ile font-display kaldıralarak sorun çözülebilir.
  • 23-09-2020, 22:41:56
    #3
    zurbahan adlı üyeden alıntı: mesajı görüntüle
    css de font-display özelliği aktif olmasın sizde? Yani site ilk anda hızlı yüklenen bir font sonra gerçek fontunuz yükleniyor. ve arada fontun yüklenmesini beklememiş ve ilk anda içerik sunabiliyorsunuz.
    Bu sizin için iyi bir özelliktir ancak yinede iptal etmek isterseniz temada kullanılan font değişecek ve css ile font-display kaldıralarak sorun çözülebilir.
    Font Display Optimization diye bir seçenek var litespeed'de hocam, karşısında da şu seçenekler var
    Default, Block, Swap, Fallback, Optional
    Bende Optional seçili, hangisine tıklamalıyım?
  • 23-09-2020, 22:45:52
    #4
    • auto: Özel yazı tipi yükleme stratejisine tarayıcı karar versin demektir. Çoğu zaman block değeri ile aynı davranır.
    • block: Özel yazı tipi yüklenene kadar metni gizler. Daha doğru bir anlatım ile tarayıcı metinleri görünmez bir yertutucu ile çizer ve yazı tipi yüklenince yazı tipinin belirlediği şekliyle tekrar çizer. FOIT davranışı sergiler.
    • swap: Blok peryodun olmadığı geçiş peryodunun süresiz olduğuğu tanım. Özel yazı tipi yüklenene kadar sisteminin standart yazı tipi ile göstermesini sağlar. FOUT davranışı.
    • fallback: auto ve swap arası bir davranıştır. Tarayıcı 100ms kadar metni gizle eğer yüklenmediyse standart yazı tipi ile gösterir. Yüklendikten sonrada özel yazı tipine geç.
    • optional: Tarayıcı 100ms kadar kısa bir süre özel yazı tipinin yüklenmesi bekler ve yüklenmediyse sistemde yüklü yazı tipi ile içeriği gösterir. fallback ile benzerdir. fallback’den farklı olarak geçiş süresi olmayan bir seçenektir.
    açıklamaları bu şekildedir. Ancak "Css font-display" şeklinde arama yaparsanız bol miktarda detay bulabilirsiniz.

    Genel olarak auto ve swap kullanıyoruz ama dediğim gibi diğer özelliklerden sizin için uygun olanı siz seçebilirsiniz.
  • 23-09-2020, 22:55:56
    #5
    zurbahan adlı üyeden alıntı: mesajı görüntüle
    • auto: Özel yazı tipi yükleme stratejisine tarayıcı karar versin demektir. Çoğu zaman block değeri ile aynı davranır.
    • block: Özel yazı tipi yüklenene kadar metni gizler. Daha doğru bir anlatım ile tarayıcı metinleri görünmez bir yertutucu ile çizer ve yazı tipi yüklenince yazı tipinin belirlediği şekliyle tekrar çizer. FOIT davranışı sergiler.
    • swap: Blok peryodun olmadığı geçiş peryodunun süresiz olduğuğu tanım. Özel yazı tipi yüklenene kadar sisteminin standart yazı tipi ile göstermesini sağlar. FOUT davranışı.
    • fallback: auto ve swap arası bir davranıştır. Tarayıcı 100ms kadar metni gizle eğer yüklenmediyse standart yazı tipi ile gösterir. Yüklendikten sonrada özel yazı tipine geç.
    • optional: Tarayıcı 100ms kadar kısa bir süre özel yazı tipinin yüklenmesi bekler ve yüklenmediyse sistemde yüklü yazı tipi ile içeriği gösterir. fallback ile benzerdir. fallback’den farklı olarak geçiş süresi olmayan bir seçenektir.
    açıklamaları bu şekildedir. Ancak "Css font-display" şeklinde arama yaparsanız bol miktarda detay bulabilirsiniz.

    Genel olarak auto ve swap kullanıyoruz ama dediğim gibi diğer özelliklerden sizin için uygun olanı siz seçebilirsiniz.
    Hocam çok teşekkür ederim, blok'u işaretledim ama yine de önce başka fontu yüklüyor. Super cache kurunca bu sorun olmuyor ama litespeed'de nedense bu sorun var. Bu şekilde kümülatik düzen kayması oluyor CLS 025'i geçiyor
  • 24-09-2020, 10:09:33
    #6
    Merhaba.

    Bu sorun, hız optimizasyonu için kullandığınız eklentideki veya temanızın performans ayarlarındaki yapılandırmadan kaynaklanır çoğunlukla.

    Websiteniz için CLS, FCP ve LCP değerlerini ideal aralığa getirebileceğim bir hız optimizasyonu hizmeti sunabilirim.

    Satış Konum:
    https://www.r10.net/wordpress-seo-gu...-e-fatura.html

    İyi günler, iyi çalışmalar dilerim.

    Saygılarımla.