Por qué Vite y HMR se sienten diferentes en tu laptop

Los desarrolladores frontend quieren tiempos de compilación rápidos y un Hot Module Replacement (HMR) instantáneo. Podrías pensar que el problema es tu código. A menudo, el problema son los ajustes de energía de tu laptop.

Dos laptops con el mismo chip Intel Core Ultra 7 155H pueden tener un rendimiento diferente. Una compila proyectos de Vite rápido. La otra funciona lento y se calienta. Esto sucede debido al TDP, PBP y MTP.

Vite utiliza ESBuild para procesar módulos. Este proceso requiere una potencia de CPU constante.

La diferencia en los tipos de hardware:

  • Las Ultrabooks tienen un PBP bajo (9-28W). Ahorran batería.
  • Las laptops gaming tienen un MTP alto (hasta 115W). Se enfocan en la velocidad.

Cómo afecta esto a tu trabajo:

Velocidad de compilación Las laptops con MTP alto permiten que la CPU funcione a su máxima velocidad durante más tiempo. Esto hace que las compilaciones de producción sean mucho más rápidas.

Rendimiento de HMR El HMR necesita respuestas instantáneas. Si tu PBP es inferior a 15W para ahorrar batería, notarás lag cuando cambies el código.

RAM y calor Ejecutar proyectos de React o Vue requiere recursos constantes. 16 GB de RAM ayudan a mantener la estabilidad.

Sin embargo, los chips de baja potencia se enfrentan al thermal throttling. La CPU reduce su velocidad para evitar el sobrecalentamiento. Esto sucede después de 5 a 10 minutos de trabajo continuo.

Las compilaciones de producción son tareas pesadas. Las máquinas con MTP alto y buena refrigeración mantienen un alto rendimiento. Las ultrabooks delgadas suelen calentarse rápido. Reducen la velocidad del proceso de compilación para proteger el hardware.

Los límites de potencia de tu hardware dictan qué tan rápido se siente Vite.

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