Yabancı sitelerde görüp uyguladığım bir css kod LCP & CLS sorunumu çözdü paylaşmak istedim. Daha önce oldukça yüksek ve kırmızı olarak alıyordum bu değerleri.
Şimdi şu şekilde :
Mobil genel puanını çok etkilemiyor ama LCP & CLS puanları ( mobilde ) ve Search Console hataları da düzeliyor.
Sorunu kaynağı genel olarak adsense kodları. CSS ve html de yapacağımız küçük değişiklerle adsense kodlarının sayfanın görüntülenmesindeki sorunlarının önüne geçeceğiz.
Sorunun ana nedeni adsense js dosyalarının yüklenmesi değil. reklam kodlarının yalın halde içerikte kullanılması nedeniyle ortaya çıkan kayma sorunları. bu kaymalar halledildiğinde değerler yukarıdaki gibi oluyor. Reklam görünümlerini değiştirmiyor kodlar. Ciddi farklılıklar olursa kendinize göre değiştirirsiniz. ( mobile uygun olarak hazırlandı )
Stylesheet dosyasına şu kodları ekliyoruz :
#ad-header {
min-height: 266px;
}
@media screen and (min-width: 40em) {
#ad-header {
min-height: 200px;
}
}daha sonra adsense kodlarımızı şu şekilde id verilmiş div in içine yerleştiriyoruz.<div id="ad-header">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Content -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8888888888888888"
data-ad-slot="8888888888"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>Kaynakkendi hız sonuçlarınızı konuya ekleyerek konuyu yukarıda tutarsanız herkes faydalanabilir.
iyi forumlar.
