Estoy tratando de depurar una página en la que está actuando un poco lento en Chrome, creo que puede ser un problema con el siguiente código javascript:

$(document).ready(function() {
  function navScroll(distance){
    $(window).scroll(function() {
      var scrollTop;
      if(distance){
        scrollTop = distance;
      }else{
        scrollTop = 150;
      }
      if($(window).scrollTop() >= scrollTop) {
        if(!($('#mainNav').hasClass('showNav'))) {
          $('#mainNav').addClass('showNav');
        }
      } else {
        if($('#mainNav').hasClass('showNav')) {
          $('#mainNav').removeClass('showNav');
        }
      }
    });
  }

  if($('.header-image-base').length){
    var windowHeight = $(window).height();
    $('.header-image-base').css('height', windowHeight);
    navScroll(windowHeight);
  }else{
    navScroll();
  }
});

Cuando me miro en Cromo de la consola de la ‘línea de tiempo’ del panel y pulse grabar, esto es lo que veo:

Javascript función de desplazamiento lento, un montón de

Alguna idea de lo que está sucediendo aquí? No puedo encontrar ninguna referencia a esto en google y no tengo idea de cómo remediarlo.

  • es sólo el registro de eventos no es el tema
  • La secuencia de comandos en el registro parece ser parte de un chrome-extension( supongo que esto: lastpass.com ).
InformationsquelleAutor JVG | 2014-02-18

1 Comentario

  1. 38

    Su página es lenta, probablemente, porque usted conecta un controlador para el desplazamiento de la ventana de evento—esto no es una buena práctica, como se explica a continuación:

    Es un muy, muy, muy mala idea para conectar los controladores para el desplazamiento de la ventana de evento. Dependiendo del navegador que el evento de desplazamiento puede disparar mucho y poner el código en el desplazamiento de devolución de llamada de frenar cualquier intento de desplazar la página (no es una buena idea). Cualquier degradación del rendimiento en el controlador de desplazamiento(s) como resultado sólo agravará el rendimiento de desplazamiento en general. Por el contrario, es mucho mejor utilizar alguna forma de un temporizador para comprobar cada X milisegundos O para adjuntar un evento de desplazamiento y sólo se ejecuta el código después de un retraso (o incluso después de un número determinado de ejecuciones – y, a continuación, un retraso). (fuente)

    La captura de pantalla que muestra que onloadwff.js está situado en la chrome-extension://hdokiejnpimakedhajhdlcegeplioahd lo que significa que es parte de la LastPass extensión — como se ve a continuación. Así que es probable que no se relaciona con su problema de rendimiento.

    Javascript función de desplazamiento lento, un montón de

    (archivado captura de pantalla)

    Link – https://chrome.google.com/webstore/detail/lastpass-free-password-ma/hdokiejnpimakedhajhdlcegeplioahd

    • Mientras que este vínculo puede responder a la pregunta, es mejor incluir a las partes esenciales de la respuesta aquí y proporcionar el enlace de referencia. Enlace-sólo respuestas puede ser válido si la página enlazada cambios.
    • Esto no proporciona una respuesta a la pregunta. Para la crítica o la solicitud de aclaración de un autor, deja un comentario debajo de su post – siempre se puede comentar en tu blog, y una vez que usted tiene suficiente la reputación usted será capaz de comentario en cualquier post.
    • añadido captura de pantalla y el enlace a la archivados captura de pantalla.
    • Creo que esto responde a la pregunta y que no puedo comentar en el post original ya que no tengo suficiente reputación.
    • gracias por estas pistas … resulta su lastpass tratando de inyectar su icono en la usr/pwd campos … por lo que sólo necesita apagar lastpass para determinado sitio web … lastpass > configuración de la cuenta > Nunca Url > Agregar > no Mostrar Nunca el contexto Iconos > your.domain.com > Agregar … a continuación, cerrar la sesión en lastpass plugin en chrome y vuelve a iniciar sesión … y el sitio web que desea continuar con el desarrollo de las necesidades para abrir en una nueva de chrome ventana antes de lastpass plugin empieza a respetar las reglas y dejando a los diablos solo … una nueva pestaña simplemente no se corte
    • Extraño, yo hice todos los pasos y el onloadwff.js el archivo todavía parece ser la causa de la 120ms secuencia de comandos para ejecutar en mi sitio. Tal vez Chrome necesita ser reiniciado completamente en mi caso, por alguna razón. (que no quiero hacerlo ahora, porque de cosas abiertas, pero voy a ver de nuevo después de reiniciar)
    • Acabo de movilidad Lastpass y mis problemas de rendimiento se fue.

Dejar respuesta

Please enter your comment!
Please enter your name here