Ses oynatıcı varsayılan olarak yavaş yüklenir. Ziyaretçi oynatıcıya yaklaşana kadar JavaScript veya CSS yüklenmez. Bu, sayfanızın En Büyük İçerikli Boyama (LCP) süresini hızlı tutar.
Yavaş yükleme ne yapar
- Sayfa yüklendiğinde, oynatıcının konumunda küçük bir yer tutucu oluşturulur
- Tam oynatıcı için JavaScript ve CSS henüz yüklenmez
- Ziyaretçi oynatıcının 500 piksel yakınına kaydığında, tam oynatıcı yüklenir ve yer tutucunun yerini alır
- Geçiş görsel olarak sorunsuz gerçekleşir (genellikle 100 ms'nin altında)
Core Web Vitals'a neden katkı sağlar
Yavaş yükleme olmadan, oynatıcısı olan her sayfa başlangıç yüklemesinde oynatıcı JS ve CSS maliyetini öder. Yavaş yükleme ile:
- LCP: etkilenmez - oynatıcı ekranın üst kısmında yer almaz
- INP: etkilenmez - yükleme sırasında ağır JS çalışmaz
- CLS: etkilenmez - yer tutucunun yüksekliği son oynatıcıyla aynıdır
Ne zaman kapatılmalı
Yavaş yükleme varsayılan olarak açıktır. Şu durumlarda kapatın:
- Oynatıcınız her zaman ekranın üst kısmındaysa (nadir)
- Otomatik oynatmayı kullanıyorsanız ve oynatıcının anında hazır olmasını istiyorsanız (çok nadir)
- Hata ayıklama için yavaş yükleme olmadan test etmek istiyorsanız
Nasıl kapatılır
- Metin Konuşmaya - Gelişmiş bölümüne gidin.
- Yavaş yüklenen oynatıcı seçeneğini kapalıya alın.
- Kaydedin.
Teknik olarak nasıl çalışır
- Eklenti, oynatıcının görünüme girdiğini algılamak için
IntersectionObserverkullanır - Kesişimde, gerekli JS ve CSS dinamik olarak yüklenir
- Yüklendikten sonra, betikler oturum süresince tarayıcıda önbelleğe alınır
IntersectionObserver desteği olmayan tarayıcılar (çok eski sürümler) betikleri sayfa yüklemesinde yükler.
Bilinen uç durumlar
Gizli bir öğenin içindeki oynatıcı
Oynatıcınız display: none olan bir bölümün içindeyse (daraltılmış bir akordeon gibi), bölüm görünür hale gelene kadar yavaş yükleme tetiklenmez. Bu genellikle istenen bir davranıştır - gösterilmeyen bir şeyi yüklemek anlamsızdır.
Ses otomatik oynatma
Oynatıcıda otomatik oynatmayı ayarlarsanız ve oynatıcı yavaş yükleniyorsa, ziyaretçi kaydırana kadar çalmaz. Otomatik oynatma, oynatıcı yüklenir yüklenmez başlar.