Différés à long minuteur tâche(s) pour améliorer la fluidité de défilement

Cela se produit lorsque Clignoter (le moteur de rendu de Chrome) décide de retarder l'exécution d'une minuterie (comme une fonction passée à requestAnimationFrame, setTimeout, ou setInterval) parce que ces fonctions sont en général >50ms pour exécuter et il y a l'utilisateur la saisie tactile. Il est fait pour prioriser la manipulation de l'utilisateur (comme les parchemins et les robinets) au-dessus de ce que le site est en train de faire.

Si vous avez rencontré ce message, alors il est probable que vos utilisateurs d'obtenir un comportement similaire. Voici comment reproduire ce scénario:

1. De longue durée, le javascript qui est déclenché par des minuteries
2. Être sur le mobile (ou imitant avec DevTools mode de l'appareil)
3. Touche entrée, de faire défiler avec le doigt vers le bas sur l'écran est le plus fiable. En appuyant ou en jetant la page peut également déclencher, mais il est moins probable et la plus difficile à reproduire.
4. Les devtools expérimentales de la limitation des processeurs fera la JS prendre plus de temps et vous donnera une meilleure chance de le voir.

La méthode pour comment résoudre c'est directement à partir de la référencé problème dans le message de la console vers le bas dans les commentaires 40:

1. Enregistrement d'un scénario sur la page qui est le déclenchement de la console de message à propos de report.
2. Sélectionnez l'ensemble de la timeline et ouvrir le "Journal des Événements" de volet près de la partie inférieure de la fenêtre.
3. Entrer "Timer Tiré" dans le champ filtre. (Voir image en bas)
4. Recherchez des minuteries dans la liste dont le "Temps Total" dépasse les 50 millisecondes. Ce sont les problématiques. (Notez que les minuteries qui dépassent les 10 millisecondes peut également déclencher ce message, dans certains cas où le navigateur est le traitement d'une action de l'utilisateur. )

Vous voulez que ces fonctions pour une exécution plus rapide ou moins fréquemment.