Mobil PageSpeed Nasıl Yükseltirim? CLS LCP Sorunları - Sayfa 2

07-10-2020, 01:36:19

#10

karacoder

Konuya gelen yorumlarda herkes güzelcene yanlış bilgilendirme yapmış. Bilerek veya bilmeyerek. Yorumları dikkate alıp yanlış bilgi edinmeyin lütfen.
Problemin, Wordpress eklentileriyle veya WP ile hiç alakası yok.

CLS değeri için, sayfa server'dan yüklendikten sonra, sitenizde client'ta herhangi bir değişiklik olmamalı. Örneğin javascript ile popup gelmesi, resmin boyutunun değişmesi, javascript ile bir içeriğin gelmesi, herhangi bir reklamın gelmesi gibi sorunlara Google kızar. Yani dümdüz bir şekilde içerik yüklenmeli ve daha sonra ekranda imajların boyutları hiç değişmemeli. Tüm imajlara width-height verin.

LCP için ise, bütün javascript dosyalarını defer veya async olarak yükletin. Critical CSS tekniğini kullanın. Ekranda görüntülenen div'lerin css'lerini inline css olarak sunun. Ve blocking'i önleyin. Preload meta kodunu eklemeyi unutmayın.
Fontları async yükleyin. İmajları sıkıştırın. Gerekirse webp formatı kullanın. Server response'unu da hızlandırmanız gerekiyor. Gereksiz eklentileri yok edin. Wordpress zaten çok cpu yemekte. Sunucunuzu güçlendirin. Varnish gibi cacheleme araçları kullanın. Server response'u anca öyle düzelir Wordpress ile.

Bunları otomatik yapan Wordpress eklentileri büyük ihtimalle vardır. Ben 6-7 senedir hiç bakmadım Wordpress'e ama kesin vardır. Ama temanız ile ne kadar uyumlu çalışır bilemiyorum. Themeforest temaları yüzlerce css falan yüklüyordu eskiden. Performans odaklı düşünen aklı olan arkadaşlar hazır tema veya wordpress kullanmamalı.
07-10-2020, 02:22:54

#11

Stores

karacoder adlı üyeden alıntı: mesajı görüntüle

Konuya gelen yorumlarda herkes güzelcene yanlış bilgilendirme yapmış. Bilerek veya bilmeyerek. Yorumları dikkate alıp yanlış bilgi edinmeyin lütfen.
Problemin, Wordpress eklentileriyle veya WP ile hiç alakası yok.

CLS değeri için, sayfa server'dan yüklendikten sonra, sitenizde client'ta herhangi bir değişiklik olmamalı. Örneğin javascript ile popup gelmesi, resmin boyutunun değişmesi, javascript ile bir içeriğin gelmesi, herhangi bir reklamın gelmesi gibi sorunlara Google kızar. Yani dümdüz bir şekilde içerik yüklenmeli ve daha sonra ekranda imajların boyutları hiç değişmemeli. Tüm imajlara width-height verin.

LCP için ise, bütün javascript dosyalarını defer veya async olarak yükletin. Critical CSS tekniğini kullanın. Ekranda görüntülenen div'lerin css'lerini inline css olarak sunun. Ve blocking'i önleyin. Preload meta kodunu eklemeyi unutmayın.
Fontları async yükleyin. İmajları sıkıştırın. Gerekirse webp formatı kullanın. Server response'unu da hızlandırmanız gerekiyor. Gereksiz eklentileri yok edin. Wordpress zaten çok cpu yemekte. Sunucunuzu güçlendirin. Varnish gibi cacheleme araçları kullanın. Server response'u anca öyle düzelir Wordpress ile.

Bunları otomatik yapan Wordpress eklentileri büyük ihtimalle vardır. Ben 6-7 senedir hiç bakmadım Wordpress'e ama kesin vardır. Ama temanız ile ne kadar uyumlu çalışır bilemiyorum. Themeforest temaları yüzlerce css falan yüklüyordu eskiden. Performans odaklı düşünen aklı olan arkadaşlar hazır tema veya wordpress kullanmamalı.

Söylediğiniz şeylere o kadar yeniyim ki hiçbirini bilmeyi geç duymamıştım bile. Tek tek araştırıp deneyeceğim çok teşekkür ederim.
26-10-2021, 19:27:01

#12

Bolanka

CLS sorunu yaşıyorsanız öncelikle otomatik reklamları bir kaldırmakla işe başlayın. Sorun hala devam ediyorsa adsense reklamlarını adinserter eklentisi ile kullanın. Bu eklenti reklam için hazır bir kutu oluşturuyor zaten. Kaymayı engelliyor. Sorun hala devam ediyorsa cache eklentileriyle uğraşmaya başlayın. Wp rocket mesela.
26-10-2021, 19:59:27

#13

Stores

Bolanka adlı üyeden alıntı: mesajı görüntüle

CLS sorunu yaşıyorsanız öncelikle otomatik reklamları bir kaldırmakla işe başlayın. Sorun hala devam ediyorsa adsense reklamlarını adinserter eklentisi ile kullanın. Bu eklenti reklam için hazır bir kutu oluşturuyor zaten. Kaymayı engelliyor. Sorun hala devam ediyorsa cache eklentileriyle uğraşmaya başlayın. Wp rocket mesela.

hocam bilgi için teşekkür ederim. ama benim sitemdeki problemlere reklamlar neden olmuyordu çünkü sitede reklam yoktu. sonrasında forumdan ücretli destek alarak, temanın neredeyse tüm özelliklerini kapatarak çözüme az da olsa ulaştık eskisi kadar fazla hata gelmiyor.