Vaka Çalışmaları

Yavaş yükleme süreleri, zayıf Core Web Vitals ve düşük kullanıcı etkileşimi ile mücadele eden gerçek WordPress web siteleriyle çalışıyoruz. Optimizasyonumuzun ardından, bu siteler PageSpeed'de sürekli olarak 90+ puan alıyor ve gözle görülür şekilde daha iyi bir kullanıcı deneyimi sunuyor — bazı durumlarda barındırmayı değiştirmeden 46'dan 99'a çıkıyor.

Her vaka sitenin neden yavaşladığını, nasıl teşhis ettiğimizi, kullandığımız araçları ve hangi sonuçları elde ettiğimizi gösteriyor. Bunlar teori değil — gerçek projeler: e-ticaret mağazaları, bloglar, iş siteleri.

Vaka Çalışması #1: Milanis.top — Şık Bir Mağaza İçin Anında Hız

Site türü: ABD pazarı için birinci sınıf duvak satan WooCommerce mağazası
Sorun:
Web sitesi görsel olarak çekici bir tasarıma sahipti ancak gerçek cihazlarda yavaş yüklendi. Mobil cihazlarda PageSpeed puanı düşüktü ve tam yükleme süresi 8 saniyeyi aştı. Otomatik yükleme şişkinliği, büyük boyutlu resimler ve eksik önbellek ısınması temel performans darboğazlarıydı.

Biz ne yaptık:

  • Paylaşımlı barındırmada daha iyi performans için LiteSpeed Cache'i WP Fastest Cache ile değiştirdim

  • Masaüstü ve mobil HTML yanıtlarını birleştirmek için mobil önbellek devre dışı bırakıldı

  • Yavaş yüklenen otomatik yüklenen seçenekleri kaldırmak için wp_options tablosu temizlendi

  • ImageMagick kullanılarak 12.000'den fazla görüntü maksimum 1200 piksel genişliğe yeniden boyutlandırıldı

  • Düzen sorunlarını önlemek için CSS ve JS'yi manuel olarak küçülttüm ve erteledim

  • Harici yazı tipleri engellendi ve kullanılmayan emoji betikleri kaldırıldı

  • Bash kullanarak özel bir site haritası tabanlı önbellek ön yükleme işlemi ayarlayın

Optimizasyon sonrası sonuç:

  • Mobil PageSpeed puanı: 99

  • Ana sayfa 1,2 saniyeden kısa sürede tamamen yüklendi

  • LCP 2 saniyenin altında sabitlendi

  • CLS 0,02'ye düşürüldü

  • Tüm sayfalarda Green Core Web Vitals

Kullanılan araçlar:
WP Fastest Cache, ImageMagick, bash betikleme, Sorgu İzleyicisi, Cloudflare, özel .htaccess tüzük.

Bu web sitesinin güncel performansını şu adresten kontrol edebilirsiniz:

https://pagespeed.web.dev/analysis/https-milanis-top/nsweibzzlo?form_factor=desktop

Ekran görüntüsü
Ekran görüntüsü