Comment résoudre l’erreur « Browser tab has unexpectedly crashed » dans Lighthouse après la migration vers WordPress 6.8

Les utilisateurs de Lighthouse sur Chrome rencontrent de plus en plus une erreur frustrante : « Browser tab has unexpectedly crashed ». Ce problème est particulièrement courant après la mise à jour vers WordPress 6.8. Si vous avez migré vers cette nouvelle version de WordPress et que vous utilisez Lighthouse pour analyser la performance de votre site, il est probable que vous soyez confronté à ce bug. Ce problème est souvent lié à la nouvelle fonctionnalité de WordPress, Speculative Loading, qui, bien qu’elle puisse améliorer les performances de certains sites, semble provoquer des conflits sur d’autres.

Pourquoi cette erreur se produit-elle après la mise à jour de WordPress 6.8 ?

La fonctionnalité Speculative Loading a été introduite dans WordPress 6.8 pour améliorer la vitesse de chargement des pages en anticipant certains contenus. Cependant, cette fonctionnalité ne semble pas fonctionner correctement sur tous les sites. Dans certains cas, le Speculative Loading fonctionne parfaitement, mais sur d’autres, il semble provoquer des plantages du navigateur lorsqu’il est utilisé avec Lighthouse. Ces problèmes sont souvent liés à des conflits avec des thèmes ou des plugins spécifiques.

Il est important de noter que le Speculative Loading semble affecter certaines configurations de sites, et que certains thèmes ou plugins peuvent interférer avec son bon fonctionnement. Par exemple, des plugins de sécurité, des thèmes ou encore des configurations du CDN peuvent avoir des interactions indésirables avec cette fonctionnalité, ce qui entraîne l’erreur « Browser tab has unexpectedly crashed ».

Le problème n’est pas encore clairement identifié :

• Pour un même site, l’erreur se produit sur l’environnement de production, mais pas sur les environnements de test/staging. La seule différence entre ces environnements sont la configuration du CDN et les règles de sécurités.
• Pour un autre site (simple), aucune erreur n’est rencontrée dans Lighthouse

N’hésitez pas à partager vos retours dans les commentaires et précisez votre environnement si possible, afin d’aider à isoler le problème.

Comment résoudre le problème : désactiver le Speculative Loading

La solution temporaire pour résoudre ce problème consiste à désactiver la fonctionnalité Speculative Loading sur votre site WordPress. Cette modification peut être réalisée facilement en ajoutant une ligne de code dans le fichier functions.php de votre thème enfant. En désactivant cette fonctionnalité, vous évitez le conflit sans toucher à d’autres réglages ou fonctionnalités essentielles de votre site.

Voici la ligne de code à ajouter dans votre fichier functions.php du thème enfant :

add_filter( 'wp_speculation_rules_configuration', '__return_null' );

Cette ligne de code désactive la fonctionnalité Speculative Loading, empêchant ainsi l’erreur dans Lighthouse. Cependant, il est important de noter que la désactivation de Speculative Loading peut affecter la performance de votre site, car cette fonctionnalité est conçue pour améliorer le temps de chargement en anticipant certains éléments.

Impact sur la performance : avantages et inconvénients

En désactivant Speculative Loading, vous pourriez constater une baisse de performance sur certains sites qui bénéficiaient de cette fonctionnalité. Speculative Loading aide à charger certains éléments de manière anticipée, ce qui réduit le temps de chargement perçu et améliore l’expérience utilisateur. Toutefois, en raison des conflits avec certains plugins, thèmes ou encore configuration du CDN, il peut être nécessaire de désactiver cette fonctionnalité pour résoudre l’erreur dans Lighthouse.

Conclusion : une solution temporaire

Le problème d’erreur « Browser tab has unexpectedly crashed » dans Lighthouse après la migration vers WordPress 6.8 est lié à la nouvelle fonctionnalité Speculative Loading. Bien que cette fonctionnalité puisse améliorer la performance de certains sites, elle semble provoquer des conflits avec des thèmes et plugins spécifiques. La solution pour contourner ce problème est de désactiver Speculative Loading via une simple modification dans le fichier functions.php de votre thème enfant. Cependant, cela peut affecter les performances de votre site, donc gardez cela à l’esprit.

Si vous rencontrez l’erreur dans Lighthouse, je vous recommande de désactiver temporairement la fonctionnalité Speculative Loading à l’aide du code fourni. Bien que cette erreur ne soit visible que dans Lighthouse, elle peut indiquer un problème plus large sur votre site. En effet, de nombreux autres outils de mesure des performances, y compris ceux de Google et d’autres plateformes, peuvent rencontrer ce même problème, ce qui risquerait de pénaliser la performance globale de votre site et de nuire à son référencement SEO. Il est donc important de résoudre ce problème rapidement pour éviter des conséquences négatives sur votre visibilité en ligne.

Source : GitHub, Reddit