Merhaba arkadaşlar,
Yönettiğim bir müşteri sitesinde (etkinlik organizasyon sektöründe, WordPress + özelleştirilmiş tema) PageSpeed Insights üzerinde masaüstünde tam skor aldık:
✅ Performans: 100/100 ✅ Erişilebilirlik: 100/100 ✅ En İyi Uygulamalar: 100/100 ✅ SEO: 100/100
Mobilde de: ✅ Performans: 93/100 ✅ Erişilebilirlik: 100/100 ✅ En İyi Uygulamalar: 100/100 ✅ SEO: 100/100
Metrikler:
- First Contentful Paint: 0,4 sn
- Largest Contentful Paint: 0,4 sn
- Total Blocking Time: 0 ms
- Cumulative Layout Shift: 0.011
Yaptığımız başlıca müdahaleler:
- Google Fonts'u render-blocking olmaktan çıkardık (preload + media="print" onload swap yöntemiyle asenkron yükleme)
- LCP görseline fetchpriority="high" verdik ve lazy-load kapsamı dışına aldık
- WordPress'in gereksiz çıktılarını temizledik: emoji script, jQuery migrate, oEmbed, wlwmanifest, RSD, shortlink, generator tag, X-UA-Compatible
- Sunucu tarafında LiteSpeed Cache ile önbellekleme ve görsel optimizasyonunu (WebP) devreye aldık
- JS defer işlemini bilinçli olarak tema seviyesinde yapmadık, LiteSpeed Cache'in kendi JS optimizasyonuna bıraktık — çakışma riski olmasın diye
Bu değişiklikleri tema dosyaları (functions.php, header.php) ve yeni bir performance.php dosyası üzerinden uyguladık, eklenti yükü artırmadan.
Sizce başka nelere bakılabilir, aynı skoru korurken hangi noktalarda ekstra kazanım sağlanabilir? Özellikle mobil tarafta 93'ü 100'e çıkarmak için önerisi olan var mı?
hızını artırmak isteyen arakdaşlarada ücretli destek verebilirim.