Wordpress pagespeed yazı tipi sorunu

Arkadaşlar elementor kullanıyorum ve pagespedde bu hatayı alıyorum nasıl çözebilirim bilgisi olan var mı ?

LiteSpeed yükleyip sol menüden LiteSpeed Cache > Sayfa optimizasyonu > Yazı tipi görünüm optimizasyonu (En alt seçenek) ten ayarlayabilirsiniz ama bu 1 saniyenini 20'de biri kadar bir fayda sağlayacak size yani 50 ms.

@font-face {
    font-family: 'FontAwesome';
    src: url('https://www.mobileoyun.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2') format('woff2'),
         url('https://www.mobileoyun.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff') format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

/* Diğer font varyasyonları için de aynısını ekleyin */
@font-face {
    font-family: 'FontAwesome';
    src: url('https://www.mobileoyun.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff2') format('woff2'),
         url('https://www.mobileoyun.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff') format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('https://www.mobileoyun.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2') format('woff2'),
         url('https://www.mobileoyun.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff') format('woff');
    font-display: swap;
    font-weight: 900;
    font-style: normal;
}

body, button, input, select, textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

bu şekilde deneyin. woff2 eklenmiş halidir, daha idealdir.

Ayrıca htacces dosyasına;

<FilesMatch "\.(woff2|woff)$">
    Header set Cache-Control "max-age=31536000, public"
    Header set Expires "access plus 1 year"
</FilesMatch>

ekleyebilirsiniz.

Daima her işlem öncesi yedek alın ve bu tarz işlemlerden önce LiteSpeed Cache gibi cache eklentilerini pasif edin. İşlemler sonrasında analiz ederek uyarı giderildikten sonra cache eklentisini aktif ederek pagespeed analizinde diğer önerilere geçebilirsiniz.

Not: LİteSpeed Guest mod aktif durumda, mutlaka pasif konuma getirilmelidir.
Zaten analizde guest.vary.php 1.665 msn gecikmeye neden oluyor.
Yani analiz sitelerini puan yüksek göstermek açısından manipüle ediyor ancak gerçek anlamda hızlandırma sağlamıyor, aksine yavaşlatıyor.

Ayrıca pagespeed harici olarak lighthouse ile analiz etmeyi de ihmal etmeyin.

Kolay gelsin.

hocam vermiş olduğunuz kodu özelleştir bölümünden ek css kısmına ekledim ama yine aynı hatayı alıyorum

LiteSpeed Cache Sayfa Optimizasyonu alanında:
CSS Ayarları sekmesinde Yazı tipi görünüm optimizasyonu : Swap olarak ayarlı olmalıdır.
HTML Ayarları sekmesinde ise Google Yazı Tiplerini Asenkron Olarak Yükle : KAPALI konumunda olmalıdır ( ek css alanında swap ekli durumda olduğundan )

Esasında en ideal olanı fontları local olarak kullanmaya çalışmak ve font adedini en fazla 2 adet olarak uygulamak en sağlıklısıdır.

Sizin mevcut tema için https://rehubdocs.wpsoul.com/docs/re...onts-for-gdpr/ local font kullanımı izah edilmiş.
Adımları inceleyerek fikir edinebilirsiniz.

Elementor için https://elementor.com/help/custom-fonts-pro/

Sitenize ait pagespeed analizinde ilk 2 husus; FCP ile LCP odaklanmanız gerekiyor.
FCP için:

Oluşturma engelleme istekleri - Tahmini tasarruf: 2.710 ms.
Doküman isteğiyle ilgili gecikme - Tahmini tasarruf: 650 ms.
Yazı tipi görüntüleme - Tahmini tasarruf: 100 ms.
Eski JavaScript - Tahmini tasarruf: 8 KiB

Dikkat edilirse yazı tipi görüntüleme en az gecikmeye neden olan unsur şu an.

LCP için:

Doküman isteğiyle ilgili gecikme - Tahmini tasarruf: 650 ms.
Oluşturma engelleme istekleri - Tahmini tasarruf: 2.710 ms.
Ağ bağımlılık ağacı: Maksimum kritik yol gecikmesi: 1.581 msn
Eski JavaScript Tahmini tasarruf: 8 KiB


Tekrar kolay gelsin.