Core web vitals inp sorunu hk.

sanırım ücretli cdn servisine geçmek gerekiyor https://bunny.net/ gibi 1 usd başlıyor çok iyi fiyatlandırma performansı nasıl olur bilmiyorum ama 14 günlük deneme hizmetide açılıyor

Günün en önemli olayı bu olsa gerek. INP sorunu: 200 ms. değerinden uzun diye banada geldi. Hadi hayırlısı bakalım.

Aynı dertten müzdaribim. 2 sitem için aynı uyarı gönderildi. Var mıdır çözümü?

Genel olarak herkese gönderdi heralde

Makalesini okudum, şu video dikkatimi çekti. https://storage.googleapis.com/web-d...yLxGoES4dd.mp4

Uyarı verdiği sitede tek bir küçük js dosyası var zaten, o da gayet hızlı, anlamadım daha ne yapacaz.

Aynı mail banada geldi

https://sunucucozumleri.com/siteleri...nasil-cozulur/

@PiEycPi 8 madde eklemişsiniz ama hepsi çözüm değil maalesef. Örneğin, uluslararası siteniz yoksa CDN gereksizdir. Önbellekleme derken statik belleği kastediyorsanız her sitede işe yaramaz. CSS dosyalarını (boyutları büyükse) tek dosyada birleştirmek FCP ve CLS sorununa neden olur. Sitenin responsive tasarımı varsa AMP kullanmak gereksizdir.

Neyse, INP sorunu için bir başka tespit paylaşayım; JS fonksiyonları delay etmek. Sayfa yüklenirken ihtiyaç duyduğu JavaScript fonksiyonları gelmediği için Google sayfayı eksik algılıyor ve bunu INP diye yansıtıyor. Örneğin, sekmeli widget var diyelim. Bu widget içerisindeki verilerin JavaScript'e dayalı birtakım işlevleri var diyelim. Başta jQuery kütüphanesi olmak üzere alt uzantılar gecikmeye veya mouse hareketine dayalı olduğu için o işlevler çalışmıyor. Çalışmadığı için kullanıcıya bozuk veya yetersiz içerik sunmuş gibi olunuyor. Google bunu INP uyarısı olarak veriyor. Yakın zamanda tespit ettiğim bir şeyi söylüyorum bu arada.

Konuyu açan üyenin sitesini inceledim. Mesela statik belleklemeyi açmış. JS dosyalarını delay etmiş yani harekete dayalı aktif etmiş. Siz siteye giriyorsunuz ne oluyor biliyor musunuz? Sepete ürün atıyorsunuz başka sayfaya geçince sepetteki ürün kayboluyor. Belki de bu hata yüzünden kaç tane müşteri veya ziyaretçi kaçırdı... Bu da yetmiyor, JS dosyaları harekete dayalı çalıştığı için mouse hareketi yapmadığınız sürece sitedeki hiçbir fonksiyon devreye girmiyor. Google da bunu fark edip INP hatası vermiş. Bu sorunları çözmek için şu JS delay etmeye yani geciktirmeye ve harekete dayalı devreye almaya son vermek gerekiyor. Statik bellekleme güzel ama bunun yöntemleri var onu uygulamak gerekiyor.

Tüm bu dediklerinize ek olarak; son zamanlarda en sık rastladığım konu JS delay etme konusu maalesef. Halbuki JS delay etmek FCP sorununa, şimdi de INP sorununa neden oluyor. Bunun sebebi de site yüklenirken ihtiyaç duyduğu yani kendine bağlı olan JS fonksiyonları gecikmeli veya harekete dayalı yüklenmesi. Böyle olunca FCP sorunu kaçınılmaz oluyor. JS delay edince LCP sorunu çözülüyor ama bu sefer de FCP + INP sorunu oluyor. Bunun için delay etmekten kaçınıp, LCP sorununu da bahsettiğiniz işlemler dahilinde çözmek daha makul oluyor.

CSS dosyalarını tek dosyada birleştirmek de olmuyor. HTTP2 teknolojisinde zaten gerek yok ama anlam veremediğim bir şekilde bu dosyaları hep birleştiriyorlar. Bunu yapmak yerine kullanılmayan kodları kaldırıp tarayıcıyı meşgul etmekten kaçınarak CLS puanını iyileştirmek daha makul oluyor. Bunlar her ne kadar LAB verileri üzerine olsa da, bu iyileştirmeler sayesinde sunucu cevap süresi de iyileşiyor.

@EfendiBey; Mantıklı bir şekilde teknik bilgilere sahip biri olarak yerinde bilgilendirmeler sağlamanızı takdir ediyorum, bunu özellikle belirtmek istedim.

Ancak ben uzun süredir bunu yapmayı bıraktım çünkü kimse okumak istemiyor ve nedense herkes kendi bildiğini yapmaya devam ediyor. Haliyle boşa yazmış oluyoruz

Misal daha yakın bir zamanda bir site sahibi özelden bana ulaşarak yardım talep etti ve sitesini incelediğimde ilk olarak görselleri düzenlemesini önerdim:

Öne çıkan görseller 1920 genişliğinde ayarlanmıştı ve bu cidden çok gereksiz olduğu gibi optimize edilmeden siteye yüklenmiş. Uygun bir dille bunu izah ettim kendisine.
Ardından daha iyi anlaması açısından https://webspeedtest.cloudinary.com/ bu resim analiz sitesinde yer alan sonuçlara göre resimleri yeniden ebatlandırırsa çok daha sağlıklı olacağını da belirttim.
Analizlerde 1920 yerine 780 olarak ebatlandırılması tavsiye ediliyordu. Ve site sahibi bana ''hocam ben bunu 1400 yapıyorum o zaman'' dedi.

Yahu neden benimle pazarlık yapıyorsun ki Ben teknik analizleri yollamışım izah etmişim ama sen kendi bildiğini okuyacaksan neden benden yardım istedin?

Görsel hususunu örnek olsun diye paylaşmak istedim. Diğer teknik hususlara girersek sayfalar yetmez

Js konusuna gelecek olursak yapılan en büyük hata maalesef mouse odaklı yapılan geciktirmeler oluyor. Buna reklamlarda dahil oluyor haliyle.
Halbuki geciktirmelerin mouse odaklı yapılmaması gereklidir. Bunu site sahipleri fark etmediği gibi ziyaretçiler açısından olumsuz bir durumdur.
Reklamlarda tam yüklenmediği için gelirler azalır ve site sahipleri de bunun nereden kaynaklandığını bulamaz bir türlü.
Mouse odaklı geciktirme işleminde sadece pagespeed puanlar 100 olur belki ama web vitals verilerinde bir ton uyarı gelmeye devam eder.

Kolay gelsin herkese.

Banada geldi. Detaylıca inceledim, sitemi yavaşlatan bizzat googlenin kendi adsense reklamları.