Gökhan BARAN
Html/Css/Js, Wordpress

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

Eğer wordpress kullanıyorsanız aşağıda paylaşıtığım kodu temanıza ait costum.js dosyasına kaydedip veya temazına ait header.php de <head> tagları içine kaydederek çözebilirsiniz. Cache kullanıyorsanız temizleyip pagespeed te sorunun çözülüp çözülmediğini anlayabilirsiniz. Cloudflare kullanıyorsanız yine cache temizleyiniz.

Not: Sitenizde bazı özelliklerin çalışmasını engelleyebilir, eklerseniz sitenizde çalışan özellikleri mutlaka kontrol ediniz.

<script>
	(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;
  }
})();
	</script>

Yorum yap

Son Yazılar

Son yorumlar