Wix Site Hızlandırma: Core Web Vitals İçin 12 Adım

Hızı neden dert etmelisiniz?

12 adım

1. 1

   1. Hero görselini WebP'ye çevirin

   Squoosh.app'e yükleyin, WebP %80 kalitede export edin. Dosya boyutu genellikle 6-7× küçülür.

2. 2

   2. Tüm görsellerde lazy load açın

   Editor → Image → Advanced → Loading = Lazy. Hero hariç tüm görsellere uygulayın.

3. 3

   3. Video arka planı statik görsele çevirin

   Hero video 1-3MB bandwith yer. Aynı etkiyi CSS animasyonlu SVG veya Lottie ile alabilirsiniz.

4. 4

   4. Google Fonts'u tek bir font'la sınırlayın

   Inter veya Poppins yeterli. 2 font + 4 weight = yaklaşık 80KB; 5 font + 8 weight = 400KB.

5. 5

   5. 3rd party eklentileri saymamak

   Her Wix eklentisi 100-500ms ekler. Chat widget, popup, analytics, review widget — gerçekten gerekli olanları tutun.

6. 6

   6. Mobile Editor'de ayrı kontrol

   Wix desktop'ı otomatik mobil'e dönüştürür ama görseller büyük kalabilir. Her sayfayı Mobile Editor'de açıp büyük blokları gizleyin.

7. 7

   7. Sticky header'ı basitleştirin

   Backdrop-blur, gradient ve animasyon layering'i INP skorunu düşürür. Basit solid background kullanın.

8. 8

   8. Hero altındaki animasyonları kaldırın

   Scroll-triggered animasyonlar CLS (layout shift) yaratır. İlk ekranda statik kalın.

9. 9

   9. Sayfa başına element sayısı

   Bir sayfada 200'den fazla element olmasın. Gereksiz dekoratif shapeları silin.

10. 10

    10. CDN zaten açık

    Wix CDN'i (Cloudflare) varsayılan açık. Dışarıdan CDN eklemeye gerek yok.

11. 11

    11. Critical CSS inline

    Wix bunu otomatik yapıyor ama custom kod eklediyseniz kontrol edin, head'de büyük style tag olmamalı.

12. 12

    12. Haftalık PageSpeed testi

    pagespeed.web.dev sayfasından hem mobil hem masaüstü skorunu takip edin. 7 günde bir test, 3 ayda %20-30 iyileşme.

Hedef skorlar

• LCP: 2.5 saniyenin altı
• CLS: 0.1'in altı
• INP: 200ms'nin altı
• Overall PageSpeed Mobile: 75+
• Overall PageSpeed Desktop: 90+