Vite vs Lightning benchmark

We have been using Vite for building our Lightning Application as it is highly configurable and have many functionalities than Lightning build tool.

check out the vite documentation here : https://vitejs.dev

It is not a best practice to use a technology just because it is highly configurable and have many functionality, we have to look into other important aspects like performance, compatibility etc. So we decided to do a basic performance benchmarking.

Device Specification used for benchmarking

Vite

Web app build using Vite was compatible in all the devices we tried. Performance wise, there is no significant change in a user perspective, so we did a performance profiling. And the results are as below,

Profile : https://drive.google.com/file/d/1ytMXNDaANGMnI2z_13xmddmoRoWokgbI/view?usp=share_link

To view the full Result upload the above profile files in the Performance tab in Chrome developer tools.

Lightning

profile : https://drive.google.com/file/d/1BKeSvq06Tlrj0ViEqXsvI9QvAnnZAs3v/view?usp=share_link

To view the full Result upload the above profile files in the Performance tab in Chrome developer tools.

Conclusion

As a comparison, Without any configuration from the defaults, Vite performs slightly well when compared to the lightning builds. In the sense of compatibility both builds works on all the devices we tested on. keep in mind that, we have used es5 build for lightning and added legacy plugin to support polyfills for older browser devices.