Kurumsal Site Hız, SEO ve Güvenlik İyileştirmesi
2018'den kalma bir WordPress kurumsal sitesini sıfırdan yazmadan, aynı içerikle hızlandıran bakım çalışması: Lighthouse mobil performans 22'den 100'e, LCP 22,1 sn'den 1,5 sn'ye, sayfa ağırlığı 3,6 MB'tan 115 KB'a. Her sayı depodaki betiklerle yeniden ölçülebilir.
- Sektör
- Lojistik · konsept çalışma (ölçülmüş önce/sonra)
- Yıl
- 2026
- Teknolojiler
- Bakım & Destek, Performans, Core Web Vitals, Lighthouse, SEO, Güvenlik, AVIF/WebP, Performans Bütçesi
Konsept çalışma, çalışan ürün. Bu proje belirli bir müşteri için değil, uurstudios portföyü için baştan sona geliştirildi. Kod, testler ve ölçüm sonuçları gerçek ve kaynak kodda doğrulanabilir. Benzerini sizin markanız için de geliştirebilirim.
Problem
Mobilde ilk içerik 7,2 sn'de, en büyük içerik 22 sn'de görünüyordu; ekran 8 saniye boyunca beyaz kalıyordu. Hero görseli JavaScript slider'ın içinde olduğu için betik çalışmadan boyanmıyordu. Head'de 6 bloklayıcı stil ve 4 senkron script, 1,2 MB kullanılmayan CSS/JS, 1,3 MB TTF font, 600 ms ana iş parçacığını kilitleyen betik, sonradan eklenen bantlar yüzünden kayan sayfa (CLS 0,178), sıkıştırmasız ve önbelleksiz sunucu ve her ziyarette 404 veren favicon vardı.
Çözüm
Slider kaldırıldı; hero <picture> ile AVIF/WebP/JPEG, srcset/sizes, fetchpriority ve preload ile sunuldu. sharp tabanlı görsel hattı 4 genişlik × 3 format üretiyor (800 px AVIF ~37 KB, eski JPEG ~300 KB). 1,2 MB CSS/JS yerine 5 KB satır içi kritik CSS ve 0,5 KB defer betik kullanıldı. Font TTF'ten woff2'ye (latin-ext, 70 KB) geçirildi ve font-display: swap eklendi. Kampanya bandı için yer ayrıldı, çerez bildirimi sabit katmana alındı. Brotli, 1 yıllık immutable önbellek, CSP/HSTS ve diğer güvenlik başlıkları eklendi. Meta açıklama, canonical, Open Graph, JSON-LD, sitemap ve robots düzenlendi. Erişilebilirlik tarafında alt metinleri, başlık sırası, AA kontrast ve form etiketleri düzeltildi. Gerilemeye karşı budget.json ve 24 kurallık kontrol betiği CI'da çalışacak şekilde hazırlandı.
Sonuç
Lighthouse mobil (3 çalıştırma medyanı): Performans 22 → 100, Erişilebilirlik 89 → 100, En iyi uygulamalar 96 → 100, SEO 91 → 100. LCP 22,1 sn → 1,5 sn; FCP 7,2 sn → 0,9 sn; TBT 2.366 ms → 0; CLS 0,178 → 0; aktarım 3,6 MB / 20 istek → 115 KB / 7 istek. Yavaş 4G'de DOMContentLoaded 11,7 sn → 0,5 sn. Yük testinde saniyede sunulan sayfa ~9–10 kat arttı; 100 bin ziyaretteki trafik 355 GB'tan 11 GB'a düştü. 'Önce' sürümü gerçek bir müşteri sitesi değil, tipik bir temanın yeniden üretimidir; rakamlar ise gerçek ölçümdür.
Canlı demo
Tarayıcıda deneyin
Çalışan sürümün kendisi. İçinde gezinebilir, tam ekranda açabilirsiniz.
