𝗪𝗵𝘆 𝗩𝗶𝘁𝗲 𝗮𝗻𝗱 𝗛𝗠𝗥 𝗳𝗲𝗲𝗹 𝗱𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝗼𝗻 𝘆𝗼𝘂𝗿 𝗹𝗮𝗽𝘁𝗼𝗽 (Note: I will translate the text of the title) Pourquoi Vite et l'HMR semblent différents sur votre ordinateur portable

Les développeurs frontend souhaitent des temps de build rapides et un Hot Module Replacement (HMR) instantané. Vous pourriez penser que le problème vient de votre code. Souvent, le problème réside dans les paramètres d'alimentation de votre ordinateur portable.

Deux ordinateurs portables équipés de la même puce Intel Core Ultra 7 155H peuvent avoir des performances différentes. L'un compile les projets Vite rapidement. L'autre est lent et chauffe. Cela est dû au TDP, au PBP et au MTP.

Vite utilise ESBuild pour traiter les modules. Ce processus nécessite une puissance CPU constante.

La différence entre les types de matériel :

  • Les ultrabooks ont un PBP faible (9-28W). Ils économisent la batterie.
  • Les ordinateurs portables de gaming ont un MTP élevé (jusqu'à 115W). Ils privilégient la vitesse.

Comment cela affecte votre travail :

Vitesse de build Les ordinateurs portables à MTP élevé permettent au CPU de fonctionner à sa vitesse maximale plus longtemps. Cela rend les builds de production beaucoup plus rapides.

Performance de l'HMR L'HMR nécessite des réponses instantanées. Si votre PBP est inférieur à 15W pour économiser la batterie, vous remarquerez des latences lorsque vous modifiez votre code.

RAM et chaleur L'exécution de projets React ou Vue nécessite des ressources stables. 16 Go de RAM aident à maintenir la stabilité.

Cependant, les puces à faible consommation sont confrontées au thermal throttling. Le CPU ralentit pour éviter la surchauffe. Cela se produit après 5 à 10 minutes de travail continu.

Les builds de production sont des tâches lourdes. Les machines à MTP élevé avec un bon refroidissement conservent des performances élevées. Les ultrabooks fins chauffent souvent rapidement. Ils ralentissent le processus de build pour protéger le matériel.

Les limites de puissance de votre matériel dictent la réactivité de Vite.

Source : https://dev.to/hungphatlaptop/vite-va-hmr-co-nhanh-khong-giai-ma-hieu-nang-qua-tdp-pbp-va-mtp-556