Web siteniz için video nasıl optimize edilir ve sıkıştırılır

Önemli noktalar

• MP4'ü (H.264/AAC) 1080p veya altında, hızlı başlatmayla dışa aktarın; isteğe bağlı olarak WebM ekleyin.

• Bir iki dakikadan uzun her şeyi bir platformdan veya CDN'den akıtın.

• Poster, preload="metadata" ve ekranın altında tembel yükleme kullanın.

• Düzen kaymasını önlemek için yer ayırın; oynatıcı komut dosyalarını yalnızca gerektiğinde yükleyin.

• Arama motorlarının videolarınızı anlaması için VideoObject yapılandırılmış verisi ekleyin.

Biçim ve codec

H.264 video ve AAC sesli MP4 her modern tarayıcıda oynar. WebM (VP9/AV1) daha küçüktür; isterseniz ek bir <source> olarak sunun.

Boyut ve bit hızı

Yüklemeden önce sıkıştırın

HandBrake veya ffmpeg gibi ücretsiz araçlar dosya boyutunu önemli ölçüde küçültebilir. Arka plan döngülerinden ses kanalını kaldırın.

Videoyu tembel yükleyin

preload="metadata" veya none, bir poster görseli kullanın ve oynatıcıları yalnızca görünür olduklarında yükleyin. Elfsight Video Gallery varsayılan olarak tembel yüklenir.

Video şeması ekleyin

Arama motorlarının videolarınızı anlamasına VideoObject yapılandırılmış verisiyle yardımcı olun; video şeması oluşturucumuzla üretin.

Web'e hazır dışa aktarma tarifleri

# General web MP4: H.264 + AAC, fast start
ffmpeg -i input.mov -c:v libx264 -crf 23 -preset slow -c:a aac -b:a 128k -movflags +faststart out.mp4

# Downscale to 720p
ffmpeg -i input.mp4 -vf "scale=-2:720" -c:v libx264 -crf 24 -c:a copy out-720p.mp4

# Remove audio (for loops)
ffmpeg -i input.mp4 -an -c:v copy silent.mp4

+faststart, dizini dosyanın başına taşır; böylece oynatma indirme bitmeden başlar.

Aşamalı indirme ve akış karşılaştırması

Tek bir MP4 aşamalı olarak indirilir: tarayıcı tek kalitede tek bir dosya alır. Bir iki dakikadan kısa klipler için bu yeterlidir. Daha uzun videolar HLS gibi uyarlanabilir biçimlerle akıtılmalıdır: video, birkaç kalitede küçük parçalara bölünür ve oynatıcı izleyicinin bağlantısına göre geçiş yapar. YouTube, Vimeo ve video CDN'leri bunu sizin için yapar.

Video ve Core Web Vitals

WordPress ipuçları

• Uzun videoları Medya Kütüphanesi'ne yüklemeyin; YouTube, Vimeo veya bir video CDN'i kullanın.

• Tembel yükleme eklentinizin iframe'leri de işlediğinden emin olun.

• Nadiren bir video ön yükleyici eklentisine ihtiyaç duyarsınız; poster ve tembel yükleme yeterlidir.

• Önbellekleme veya optimizasyon eklentilerinin video oynatıcınızın ihtiyaç duyduğu komut dosyalarını geciktirmediğini kontrol edin.

Optimizasyon kontrol listesi

1. 1.

   Doğru biçim

   MP4 (H.264/AAC), isteğe bağlı WebM.

2. 2.

   Doğru boyut

   1080p veya altı, sıkıştırılmış, hızlı başlatma.

3. 3.

   Doğru sunum

   Uzun videoları bir platformdan veya CDN'den akıtın.

4. 4.

   Doğru yükleme

   Poster, preload="metadata", ekranın altında tembel yükleme.

5. 5.

   Düzen kayması yok

   aspect-ratio ile yer ayırın.

6. 6.

   Yapılandırılmış veri

   Arama motorlarının videoyu anlaması için VideoObject işaretlemesi ekleyin.