Performance

Faster pages on real hosting: caching, compression, images and CDNs.

INP nasıl düzeltilir? Etkileşim gecikmesinin sebepleri ve çözümleri

Kullanıcı bir butona tıklıyor, sayfa bir süre donuk kalıyor, sonra tepki veriyor. Lighthouse puanı yüksek görünse bile Search Console'da INP uyarısı geliyorsa sorun tam olarak budur: ana iş parçacığı (main thread) o anda başka işle meşgul. INP, Mart 2024'te FID'in yerini aldı ve FID'den çok daha zor bir metrik. Sadece ilk etkileşimi değil, sayfa ömrü boyunca yapılan etkileşimleri izliyor. Bu yüzden "ilk yüklemede…

LCP'yi 2,5 saniyenin altına indirmek

LCP sorunu olan sitelerin çoğunda ilk refleks görselleri sıkıştırmak oluyor. Bazen işe yarıyor, çoğu zaman yaramıyor. Çünkü LCP tek bir sayı gibi görünse de aslında dört ayrı gecikmenin toplamı ve hangisinin büyük olduğunu bilmeden yapılan optimizasyon rastgele bir denemeden ibaret. Hedef belli: gerçek kullanıcıların 75. yüzdeliğinde LCP 2,5 saniye veya altı. Aşağıda bu hedefe nasıl yaklaştığımı adım adım…

Sayfa kayması (CLS) nasıl sıfırlanır?

Okumaya başladığınız paragraf aşağı kayıyor, tıklamak üzere olduğunuz buton yerinden oynuyor ve yanlış linke basıyorsunuz. CLS bu deneyimi ölçüyor. İyi haber şu: üç Core Web Vitals metriği içinde düzeltmesi en öngörülebilir olan CLS, çünkü sebeplerin neredeyse tamamı birkaç kalıba giriyor. Hedef, gerçek kullanıcıların 75. yüzdeliğinde CLS değerinin 0,1 veya altında olması. Ben çoğu sitede sıfıra yakın bir değeri…

Paylaşımlı hostingte hızlı site için önbellek ve sıkıştırma

Paylaşımlı hostingteki bir WordPress sitesi yavaş olduğunda ilk öneri genelde "VPS'e geç" oluyor. Çoğu zaman erken bir öneri. Aynı sunucuda, aynı paketle, sadece doğru PHP sürümü, sayfa önbelleği ve birkaç satırlık .htaccess ile TTFB'yi ciddi şekilde düşürmek mümkün. Ama paylaşımlı hostingin bir tavanı da var. Aşağıda önce ölçmeyi, sonra yapılabilecekleri, en sonda da o tavana ne zaman çarptığınızı nasıl…

SEO'ya zarar vermeden Cloudflare ile hızlanmak

Cloudflare'i açmak birkaç dakika sürüyor, ama panelde onlarca anahtar var ve her biri "hızlandırır" veya "korur" diye tanıtılıyor. Bazıları gerçekten işe yarıyor, bazıları sessizce JavaScript'i bozuyor, bazıları da en kötüsünü yapıyor: Googlebot'a 403 veya challenge sayfası gösteriyor ve siz bunu sunucu loglarında hiç görmüyorsunuz. Aşağıda hangi ayarları gönül rahatlığıyla açtığımı, hangilerine dikkatle…

WebP, AVIF ve lazy load ile görsel optimizasyonu

Çoğu sitede sayfa ağırlığının en büyük kısmı görsellerden geliyor. Buna rağmen görsel optimizasyonu genellikle "bir eklenti kurdum, sıkıştırıyor" seviyesinde kalıyor. Oysa asıl kazanç sıkıştırma oranında değil; doğru formatı, doğru boyutu ve doğru yükleme zamanlamasını bir arada kurmakta. Aşağıda WebP ve AVIF arasında nasıl seçim yaptığımı, HTML tarafını nasıl kurduğumu ve lazy load'u nerede kullanıp nerede asla…