İpucu: CLS Çözmede çok işime yarayan bir makaleyi sizinle paylaşmak istedim

Sitemdeki CLS sorununu tespit edemediğim için araştırırken şu makalede Lighthouse'daki "View Original Trace" özelliğini gördüm. Yüklenirken anlık görüntü takip edebilme özelliği baya faydalıymış. İşinize yarar belki

How to Fix CLS Issue 🧠 Create Today

Bu tarz makale yazarlarını seviyorum. Çözüm odaklı, basit ve anlaşılır. Bu tarz konularla ilgilenenler için güzel doküman.

Aynı şekilde hocam. Google umarım bunları biraz daha ödüllendirmeye başlar. Bıktık Türkiye'deki "CLS Sorunu çok karşılaşılan bir sorundur, CLS Sorunu malesef ki bir çok kişinin karşısına çıkar ve çözülmesi çok zordur. CLS Googleın önemli web verilerindendir" diye kocaman boş paragraflarla başlayan birinci sıradaki yazılardan

Onun yerine tarayıcıdaki DevTools'undan snapshot alıyorum. Çok daha detaylı veri sunuyor. DevTools > Performance

Optimizasyon sadece CLS veya başka bir husustan ibaret değildir.

Misal olarak https://web.dev/measure/ bu analiz aracında çıkan sonuçları iyileştirmek gerekir.



Yani SEO, Best Practices, Accesbility, Performance olmak üzere hepsi ayrı ayrı ele alınmalıdır.

Pagespeed puanı 100 oldu tamam diyemeyiz asla.
Hatta, 100 olduğu zaman açılış hızına olumsuz etki eden işlemleri görmeyiz, bu nedenle elde edilen 100 puan size olumsuzluk olarak geri döner.

Bunlara ilaveten renk contrast ayarları da kontrol edilmelidir ziyaretçiler açısından. Google bunu özellikle ister.



Yukarıdaki gibi bir analiz aracı ile sitede mevcut olan color - contrast düzenlenmelidir mesela. Sadece color contrast ile bitmez ayrıca. https://web.dev/accessible/

Sadece bazı örnekler verdim. Tümünü ele almaya kalkarsak inanın 1 günde bitmez bu yazı.

Peki, şimdi söylermisiniz neden bu kadar bilgiye sahip olan biri / birileri neredeyse meslek sırrı olan bazı hususları paylaşsın?

İnanın bu verilere ulaşmak ve çözümlerini bulmak sandığınız kadar basit değil. Çünkü o kadar fazla değişkenlik var ki.

Bu arada bazı konularda yardım amaçlı tavsiyelerde bulunan kişilere bir teşekkür bile çok görülürken maalesef siteminizi haklı bulamıyorum.

Elbette yardımlaşma olmalıdır, her şey ticaret değildir. Ama ciddi anlamda teknik uzmanlık gerektiren unsurları da hafife almayalım derim.
Haliyle meslek sırrı sayılabilecek kriterleri de kimseden açıklamasını beklemeyelim.

İyi forumlar, kolay gelsin.

Paylaşımınız için teşekkürler