Google speed Web yazı tipi yüklemesi ...

Bu şekilde font-awesome.min.css çekiyorum. google speed ile Web yazı tipi yüklemesi sırasında metnin görünür halde kalmasını sağlayın diyor.

Genelde çözüm olarak font-display: auto; yapın deniliyor.
CND ile dışarıdan çektiğim css'de font-display: auto; nasıl kullanabilirim.

Font awesome kütüphanesini yükleme esnasında görünür yapamazsınız zaten. Bozuk görünecektir.

sworks
Peki alternatif nedir? Ne yapmamız gerekir font-awesome.min kullanmayalım mı?

silenthilll Google'da yazan tüm optimizasyon işlemlerini harfiyen yapmanıza gerek yok. Hatta bir kısmını hiç yapmanıza gerek yok. Font-awesome kütüphanesinin lazy load olarak yenlenmesini sağlayabilirsiniz. Genelde o şekilde kullanılıyor zaten.

Google font-awesome ile normal yazı tipini ayırt edemediği için o uyarıyı veriyor. Yok ben illa o uyarıyı kaldıracağım diyorsanız font-display: swap eklerseniz o uyarıyı bir daha görmezsiniz.

Böylece font-awesome 'un local yazı tipi olarak karşılığı olmadığı için yüklenene kadar boş kutu olarak görünür. Yani font-display: swap eklemeniz ile eklememeniz arasında bir fark yok gibi bir şey. Biraz göstermelik olacak.

Google pagespeed üzerinde hatta GTMetrix ve pingdom gibi analiz araçları üzerindeki puanlama ve uyarıların pek çoğu gereksiz ve etkisizdir. Google bunları SEO açısından önemsemez.

Hatta sayfanızın tamamı kaç saniyede yüklenmiş bunu da önemsemez. FCP, DOM Loaded gibi pek çok değeri sıralama faktörü olarak kullanır. Bunları da gerçek kullanıcılar aracılığıyla ölçer.

sworks Google'da yazan tüm optimizasyon işlemlerini harfiyen yapmanıza gerek yok kısmına katılıyorum adamlar kendileri uygulamıyor sitelerinde ama bağımlılık yapıyor hız skoru halkası yeşerdikçe :))

Ben şu şekilde çözdüm benimkiler localde ama cdn de olur sanırım

@font-face {
font-family: 'FontAwesome';
font-display: swap;
src: url('../../fonts/fontAwesome/fontawesome-webfont.eot?v=4.3.0');
src: url('../../fonts/fontAwesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../../fonts/fontAwesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../../fonts/fontAwesome/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../../fonts/fontAwesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../../fonts/fontAwesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal
}

Merhaba,

Fontawesome'nin en son sürümünü kullanırsanız bu hatayı almazsınız, ayrıca fontawesome'yi dışarıdan cdn kullanarak bile çağırmanızı önermem, kendi sunucunuzundan sunun eğer var ise kendi cdn kaynağınızdan sunmanızı tavsiye ederim.

Bu tarz genel cdn kaynakları aşırı yoğun istek olduğu zaman sizin sitenizi bile yavaşlatabiliyor, her zaman olmasa bile bu riski almaya değmez bana göre.