Pourquoi mes délais d'attente et mes intervalles JavaScript sont-ils si lents dans les onglets d'arrière-plan de Chrome ?

Optimisation des performances de l'onglet d'arrière-plan du navigateur : comprendre les délais d'attente ralentis

Les délais d'attente et les intervalles sont des outils de programmation essentiels pour gérer efficacement les tâches basées sur le temps. Cependant, lors de l'exécution de ces fonctions dans les onglets d'arrière-plan de Chrome, les développeurs ont rencontré un problème important : des temps d'exécution considérablement ralentis. Contrairement aux navigateurs tels que Firefox et Internet Explorer, Chrome semble suspendre ou ralentir l'exécution de JavaScript dans les onglets en arrière-plan qui ne sont pas activés.

Ce comportement particulier entrave les tâches en arrière-plan, telles que l'exécution de vérifications périodiques du serveur à l'aide d'appels XHR et de setInterval. . Soupçonnant que setInterval présenterait un comportement similaire, les développeurs sont à la recherche d'une solution de contournement à la suspension ou au ralentissement.

Pour mieux comprendre ce phénomène, examinons un récent changement de code dans Chrome. Selon la modification du code, lorsqu'un onglet est inactif, la fonction n'est appelée qu'à une fréquence maximale d'une fois par seconde. Ce choix de conception intentionnel est à l'origine du ralentissement de l'exécution des délais d'attente et des intervalles dans les onglets d'arrière-plan de Chrome.

Reconnaissant cette limitation fondamentale, les développeurs recherchent des solutions alternatives pour exécuter efficacement les tâches en arrière-plan. Une option prometteuse consiste à utiliser des Web Workers. En tirant parti des Web Workers, les développeurs peuvent exécuter du code JavaScript dans un thread d'arrière-plan distinct, indépendant de l'activité de la page principale. Cette approche contourne les limitations de performances imposées par le mécanisme de suspension de Chrome, garantissant une exécution ininterrompue des tâches en arrière-plan.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!