You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
La page va loader en chunk le package modele qui pèse 2MB
Solutions
Une solution serait d'utiliser les web workers pour éviter de loader le script dans le bundle de la page pour gagner des performances SEO. Le but avec cette approche est d'éviter de bloquer le thread principal.
importReactfrom'react';import{Partytown}from'@builder.io/partytown/react';functionApp(){return(<divclassName="App"><head>{/* Ajoutez vos scripts tiers avec l'attribut type="text/partytown" */}<scripttype="text/partytown"src="https://exemple.com/mascript.js"></script>{/* Intégrez le composant Partytown */}<Partytowndebug={true}forward={['dataLayer.push']}/></head><main>{/* Votre contenu d'application */}</main></div>);}exportdefaultApp;
L'autre solution serait d'utiliser le Lazy Loading. Cette méthode est bénéfique lorsqu'on charge un composant en entier. Or ici, on utilise une lib un peu partout. Avec NodeJS, on peut le faire directement du loading avec une fonction
asyncfunctionloadModule(modulePath){constmodule=awaitimport(modulePath);returnmodule;}// Utilisation de la fonction pour charger un module(async()=>{constmyModule=awaitloadModule('./myModule.js');myModule.initialize();// Supposons que myModule exporte une fonction initialize})();
Problème
La page va loader en chunk le package modele qui pèse 2MB
Solutions
CF : https://partytown.builder.io/nextjs
ou
CF : https://react.dev/reference/react/lazy + https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import
The text was updated successfully, but these errors were encountered: