[ÇÖZÜLDÜ] Kaydırma Performansını Artırmak için Pasif İşleyicileri Kullanmıyor

Son güncelleme:
[ÇÖZÜLDÜ] Kaydırma Performansını Artırmak için Pasif İşleyicileri Kullanmıyor

Kaydırma Performansını Artırmak için Pasif İşleyicileri Kullanmıyor hatasını Google PageSpeed Insights testinde karşılaştığınız bir hatadır. Bu aslında bir hata değildir, sadece çözüm önerisidir.

Temanızın JS dosyasına aşağıdaki kod parçacığını ekleyerek Kaydırma Performansını Artırmak için Pasif İşleyicileri Kullanmıyor sorununu çözebilirsiniz.

logo

Uygun fiyatlı ve kaliteli hosting satın al.

(function() {
  var supportsPassive = eventListenerOptionsSupported();  

  if (supportsPassive) {
    var addEvent = EventTarget.prototype.addEventListener;
    overwriteAddEvent(addEvent);
  }

  function overwriteAddEvent(superMethod) {
    var defaultOptions = {
      passive: true,
      capture: false
    };

    EventTarget.prototype.addEventListener = function(type, listener, options) {
      var usesListenerOptions = typeof options === 'object';
      var useCapture = usesListenerOptions ? options.capture : options;

      options = usesListenerOptions ? options : {};
      options.passive = options.passive !== undefined ? options.passive : defaultOptions.passive;
      options.capture = useCapture !== undefined ? useCapture : defaultOptions.capture;

      superMethod.call(this, type, listener, options);
    };
  }

  function eventListenerOptionsSupported() {
    var supported = false;
    try {
      var opts = Object.defineProperty({}, 'passive', {
        get: function() {
          supported = true;
        }
      });
      window.addEventListener("test", null, opts);
    } catch (e) {}

    return supported;
  }
})();

Kodu ekledikten sonra cache temizliği yaparak kontrol işleminizi yapabilirsiniz.

Bültene Abone Ol

Gelen kutunuza teslim edilen en son haberlerimizi, öğreticilerimizi, kılavuzlarımızı, ipuçlarımızı ve fırsatlarımızı alın.

Yorum Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

4 Yorum

  • Avatar of Bdbdbsh Bdbdbsh

    Js dosyası nedir? Nerede bulunur?

    • Avatar of Enes Cantürk Enes Cantürk

      WordPress temanizin kullandığı Js dosyasını arastirmalisiniz. Genelde assets/js/dosya.js şeklinde olur

  • Avatar of eniz eniz

    merhaba bu kodu eklenyince düzeliyor fakat bu seferde tema hata veriyor

    • Avatar of Enes Cantürk Enes Cantürk

      Merhaba Eniz Hata çıktısını paylaşabilir misin

    Yorum yaparken yazım kurallarına ve genel ahlak kurallarına dikkat edelim.