Dokunma ve tekerlek etkinlik işleyicileri, kullanıcı etkileşimlerini izlemek ve özel kaydırma deneyimleri oluşturmak için kullanışlıdır ancak sayfa kaydırma işlemini de geciktirebilir. Şu anda tarayıcılar, bir etkinlik dinleyicisinin kaydırmayı engelleyip engellemeyeceğini bilemez. Bu nedenle, sayfayı kaydırmadan önce dinleyicinin yürütülmesini her zaman beklerler. Pasif etkinlik işleyiciler, yüksek performans gösterme olasılığından kaydırmayı engellemeyeceğini lütfen unutmayın.
Tarayıcı uyumluluğu
Çoğu tarayıcı, pasif etkinlik işleyicileri destekler. Tarayıcı uyumluluğu bölümüne bakın.
Lighthouse pasif etkinlik işleyici denetimi neden başarısız olur?
Lighthouse, sayfa kaydırma işlemini geciktirebilecek etkinlik işleyicileri işaretler:
Lighthouse aşağıdaki işlemi kullanır: öğesini, kaydırma performansını etkileyebilecek etkinlik işleyicileri belirlemek için
- Sayfadaki tüm etkinlik işleyicileri toplayın.
- Dokunmatik olmayan ve tekerlekli olmayan dinleyicileri filtreleyin.
preventDefault()numaralı telefondan arayan dinleyicileri filtreleyin.- Sayfadan farklı bir ana makineden olan işleyicileri filtreleyin.
Lighthouse, farklı barındırıcıların dinleyicilerini filtreler. çünkü muhtemelen bu komut dosyaları üzerinde kontrolünüz yoktur. Sayfanızın kaydırma performansına zarar veren üçüncü taraf komut dosyaları olabilir. ancak bunlar Lighthouse raporunuzda listelenmez.
Kaydırma performansını iyileştirmek için etkinlik işleyicileri pasif hale getirme
Lighthouse'un tanımladığı her etkinlik işleyiciye bir passive işareti ekleyin.
Yalnızca pasif etkinlik işleyici desteğine sahip tarayıcıları destekliyorsanız işareti eklemeniz yeterlidir. Örneğin:
document.addEventListener('touchstart', onTouchStart, {passive: true});
Pasif etkinlik işleyicileri desteklemeyen eski tarayıcıları destekliyorsanız özellik algılama veya polyfill kullanmanız gerekir. Daha fazla bilgi için WICG Pasif etkinlik işleyicileri açıklama belgesinin Özellik algılama bölümünü inceleyin.