Performans ve Core Web Vitals

4 min read

TTSWP, performansı düşürmeden sayfalarınıza ses ekler. Oynatıcı geç yüklenir, dosyalar optimize edilir ve sayfa açılışında zorunlu olmadıkça hiçbir şey çalışmaz. Core Web Vitals puanlarını nasıl koruduğumuzu aşağıda açıklıyoruz.

Core Web Vitals üzerindeki etkisi

LCP (En Büyük İçerikli Boyama)

Etki: yok

Ses oynatıcısı geç yüklenir. Ziyaretçi oynatıcıya yakın bir konuma kaydırana dek JavaScript işlenmez veya yüklenmez. Sayfa katlamasının üzerindeki ana içeriğin işlenme süresini ölçen LCP bu süreçten etkilenmez.

Test: Lighthouse denetimleri ile öncesi ve sonrasını karşılaştırın. LCP puanları normal varyans aralığında kalır.

CLS (Kümülatif Düzen Kayması)

Etki: sıfır

Oynatıcı yer tutucusunun boyutları, tam yüklenmiş oynatıcıyla birebir aynıdır. Geç yükleme tetiklendiğinde yer tutucudan tam oynatıcıya geçişte hiçbir düzen kayması oluşmaz.

INP (Sonraki Boyamaya Etkileşim)

Etki: ihmal edilebilir düzeyde

Oynatıcının JavaScript dosyası tek ve küçük bir dosyadan oluşur (gzip ile yaklaşık 15 KB). Tıklama işleyicileri debounce uygulanmış olup desteklenen tarayıcılarda requestIdleCallback üzerinde çalışır. Tipik INP katkısı: etkileşim başına 5 ms'nin altında.

FID (İlk Giriş Gecikmesi, 2024'te INP ile değiştirildi)

Etki: sıfır

Oynatıcı geç yüklendiği için ilk sayfa açılışında ana iş parçacığını engelleyen hiçbir işlem yoktur.

Dosya boyutları

Oynatıcı kullanımdayken sayfa başına yükleme maliyeti:

Dosya Boyut (gzip) Ne zaman yüklenir
Genel oynatıcı CSS 3 KB Oynatıcı görünür olduğunda
Genel oynatıcı JS 15 KB Oynatıcı görünür olduğunda
Dalga formu yardımcısı (PRO) 4 KB Dalga formu etkinleştirildiğinde
Yapışkan altbilgi JS (PRO) 2 KB Yapışkan özellik etkinleştirildiğinde
Yönetici çubuğu menü simgesi 0,5 KB Yalnızca yöneticiler için

Ziyaretçiler üzerindeki toplam ilk yükleme etkisi: oynatıcıya kaydırana kadar 0 bayt.

Önbellek eklentisi uyumluluğu

TTSWP, tüm önemli önbellek eklentileriyle (WP Rocket, LiteSpeed, W3 Total Cache, WP Super Cache, Cache Enabler) birlikte çalışır. Eklenti, doğru önbellekleme davranışı için dosyalarını otomatik olarak kaydeder.

Ses dosyaları (MP3), kendi önbellek başlıklarına sahiptir ve depolamadan talep üzerine yüklenir. Sayfa önbelleklerini tıkamaz.

Önbellek eklentileri sayfasına bakın.

CDN dağıtımı

Ücretli planlarda ses dosyaları Amazon CloudFront üzerinden sunulur. Bu şu anlama gelir:

  • Sunucunuzdan uzaktaki ziyaretçiler için bile Oynat düğmesine tıklandıktan milisaniyeler içinde ses başlar
  • WordPress sunucunuzun bant genişliği HTML için serbest kalır

Ücretsiz planlarda ses, WordPress sunucunuzdan gelir. Çoğu blog için bu yeterlidir. Yoğun trafikli siteler, ses ağırlıklı sayfalarda bant genişliği kullanımı fark edebilir.

Veritabanı etkisi

TTSWP, az sayıda veritabanı tablosu ve satırı ekler:

  • Ses önbellek tablosu (oluşturulan dosya başına bir satır)
  • İstatistik tabloları (her oynatma olayı başına bir satır, küçük tam sayı verisi)
  • Ayar satırları (birkaç düzine seçenek)

Veritabanı boyutu, ses içeren gönderi sayısıyla doğrusal olarak büyür. 500 gönderisi olan bir sitede toplam veritabanı kapladığı alan genellikle 200 KB'ın altındadır.

Bellek ve CPU

  • Yönetici sayfası yüklemesi başına PHP bellek yükü: ~2 MB
  • Oynatıcılı genel sayfa yüklemesi başına PHP bellek yükü: ihmal edilebilir düzeyde (yalnızca CSS ve JS, kritik yollarda PHP işlemi yok)
  • Arka plan işlemleri: yok (her istekte çalışan cron görevi bulunmaz)

Sitenizi test etme

TTSWP'nin performansınızı olumsuz etkilemediğini doğrulamak için şu araçları kullanın:

Bir kez TTSWP etkinken, bir kez geçici olarak devre dışıyken çalıştırın. Sonuçları karşılaştırın.

Performans düşüşü fark ederseniz

Bize bildirin. Performans düşüşlerini hata olarak değerlendiriyoruz:

  1. Hangi sayfanın yavaş olduğunu not edin
  2. PageSpeed Insights'ı çalıştırın ve URL'yi paylaşın
  3. PRO Destek birimiyle iletişime geçin veya WordPress.org forumuna yazın

Teşhis ve çözüm sürecinde size yardımcı olacağız.

İlgili sayfalar